Переход на Vue 3

client/components/Reader/RecentBooksPage/RecentBooksPage.vue

@@ -11,10 +11,10 @@
 
         <q-table
             class="recent-books-table col"
-            :data="tableData"
+            :rows="tableData"
-            :columns="columns"
             row-key="key"
-            v-model:pagination="pagination"
+            :columns="columns"
+            :pagination="pagination"
             separator="cell"
             hide-bottom
             virtual-scroll
@@ -181,13 +181,13 @@ class RecentBooksPage {
                 return;
             this.initing = true;
 
-
             if (this.firstInit) {//для отзывчивости
                 await this.updateTableData(20);
                 this.firstInit = false;
             }
             await utils.sleep(50);
             await this.updateTableData();
+
             this.initing = false;
         })();
     }

client/main.js

@@ -2,13 +2,14 @@ import { createApp } from 'vue';
 
 import router from './router';
 import store from './store';
-import {Quasar, QuasarOptions} from './quasar';
+import q from './quasar';
 
 import App from './components/App.vue';
 
 const app = createApp(App);
 app.use(router);
 app.use(store);
-app.use(Quasar, QuasarOptions);
+app.use(q.quasar, q.options);
+q.init();
 
 app.mount('#app');

client/quasar.js

@@ -80,15 +80,17 @@ const plugins = {
 };
 
 //icons
-//import '@quasar/extras/material-icons/material-icons.css';
-//import '@quasar/extras/material-icons-outlined/material-icons-outlined.css';
 //import '@quasar/extras/fontawesome-v5/fontawesome-v5.css';
+//import fontawesomeV5 from 'quasar/icon-set/fontawesome-v5.js'
 
 import '@quasar/extras/line-awesome/line-awesome.css';
-
-//import fontawesomeV5 from 'quasar/icon-set/fontawesome-v5.js'
 import lineAwesome from 'quasar/icon-set/line-awesome.js'
-Quasar.iconSet.set(lineAwesome);
 
-const QuasarOptions = { config, components, directives, plugins };
+//const q: {Quasar, QuasarOptions: { config, components, directives, plugins }};
-export {Quasar, QuasarOptions};
+export default {
+    quasar: Quasar,
+    options: { config, components, directives, plugins }, 
+    init: () => {
+        Quasar.iconSet.set(lineAwesome);
+}
+};