refactor: migration to pinia

src/renderer/components/WorkspaceTabQueryTable.vue

@@ -108,14 +108,17 @@
 
 <script>
 import { uidGen } from 'common/libs/uidGen';
+import { useNotificationsStore } from '@/stores/notifications';
+import { useSettingsStore } from '@/stores/settings';
+import { useWorkspacesStore } from '@/stores/workspaces';
 import arrayToFile from '../libs/arrayToFile';
 import { TEXT, LONG_TEXT, BLOB } from 'common/fieldTypes';
 import BaseVirtualScroll from '@/components/BaseVirtualScroll';
 import WorkspaceTabQueryTableRow from '@/components/WorkspaceTabQueryTableRow';
 import TableContext from '@/components/WorkspaceTabQueryTableContext';
 import ConfirmModal from '@/components/BaseConfirmModal';
-import { mapActions, mapGetters } from 'vuex';
 import moment from 'moment';
+import { storeToRefs } from 'pinia';
 
 export default {
    name: 'WorkspaceTabQueryTable',
@@ -133,6 +136,19 @@ export default {
       elementType: { type: String, default: 'table' }
    },
    emits: ['update-field', 'delete-selected', 'hard-sort'],
+   setup () {
+      const { addNotification } = useNotificationsStore();
+      const settingsStore = useSettingsStore();
+      const { getWorkspace } = useWorkspacesStore();
+
+      const { dataTabLimit: pageSize } = storeToRefs(settingsStore);
+
+      return {
+         addNotification,
+         pageSize,
+         getWorkspace
+      };
+   },
    data () {
       return {
          resultsSize: 0,
@@ -150,10 +166,6 @@ export default {
       };
    },
    computed: {
-      ...mapGetters({
-         getWorkspace: 'workspaces/getWorkspace',
-         pageSize: 'settings/getDataTabLimit'
-      }),
       workspaceSchema () {
          return this.getWorkspace(this.connUid).breadcrumbs.schema;
       },
@@ -261,9 +273,6 @@ export default {
       window.removeEventListener('resize', this.resizeResults);
    },
    methods: {
-      ...mapActions({
-         addNotification: 'notifications/addNotification'
-      }),
       fieldType (cKey) {
          let type = 'unknown';
          const field = this.fields.filter(field => field.name === cKey)[0];