DataTable sorting not working

[chessparov]

Vuestic-ui version: 1.10.3

Description

Describe bug here:

• Sorting event doesn't get fired. If you put sortable set to true in the column options, the column effectively become sortable, but nothing actually happens. By checking the event: @sorted="(event) => console.log('Sort change:', event)" it doesn' get fired.

Reproduction

Here's the sample code you can use to reproduce the issue.

<script lang="ts">

export default {
  data() {
    return {
      currentTab: "tab1",
      currentSeries: 0,
      tabs: ["tab1", "tab2"],
      columns: {
        tab1: [
          { key: "name", label: "Name", sortable: true },
          { key: "test", label: "Test Column", sortable: true }
        ],
        tab2: [
          { key: "name", label: "Name", sortable: true },
          { key: "test", label: "Test Column", sortable: true }
        ]
      },
      items: {
        tab1: [[
          { name: "Alice", test: 3 },
          { name: "Bob", test: 2 },
          { name: "Charlie", test: 1 },
        ]],
        tab1: [[
          { name: "Alice", test: 3 },
          { name: "Bob", test: 2 },
          { name: "Charlie", test: 1 },
        ]]
      },
    };
  },
};
</script>

<template>
  <div>
    <VaDataTable
        :columns="columns[currentTab]"
        :items="items[currentTab][currentSeries]"
    />
  </div>
</template>

The same happens if you try using a custom handler or try passing a ref as items.