@hostlink/nuxt-light 0.0.68 → 0.0.69

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "light",
   "configKey": "light",
-  "version": "0.0.68"
+  "version": "0.0.69"
 }

package/dist/runtime/components/l-table.vue

@@ -66,8 +66,10 @@ const props = defineProps({
     }
 })
 
+const pagination = ref(props.pagination);
+
 if (props.rowsPerPageOptions[0] == 0) {
-    props.pagination.rowsPerPage = 0;
+    pagination.value.rowsPerPage = 0;
 }
 
 //apply all aligns to the columns 
@@ -124,8 +126,8 @@ if (props.actions.length > 0) {
 
 if (props.sortBy) {
     let [sortBy, descending] = props.sortBy.split(":");
-    props.pagination.sortBy = sortBy;
-    props.pagination.descending = descending == "desc";
+    pagination.value.sortBy = sortBy;
+    pagination.value.descending = descending == "desc";
 }
 
 const hasSearch = computed(() => {
@@ -279,11 +281,12 @@ const onRequest = async (p: any) => {
             modelName.value = allData.meta.name;
 
 
-            props.pagination.rowsPerPage = p.pagination.rowsPerPage;
-            props.pagination.page = p.pagination.page;
-            props.pagination.sortBy = p.pagination.sortBy;
-            props.pagination.descending = p.pagination.descending;
-            props.pagination.rowsNumber = allData.meta.total;
+            //pagination.value.rowsPerPage = p.pagination.rowsPerPage;
+            pagination.value.page = p.pagination.page;
+            pagination.value.sortBy = p.pagination.sortBy;
+            pagination.value.descending = p.pagination.descending;
+            pagination.value.rowsNumber = allData.meta.total;
+            
             loading.value = false;
             validateData()
 
@@ -395,7 +398,7 @@ const attrs = {
 
     <q-table v-bind="attrs" :row-key="rowKey" :loading="loading" :rows="rows" ref="table" @request="onRequest"
         :rows-per-page-label="$t(props.rowsPerPageLabel)" :columns="renderColumns"
-        :rows-per-page-options="rowsPerPageOptions" :selection="selection" :pagination="pagination">
+        :rows-per-page-options="rowsPerPageOptions" :selection="selection" v-model:pagination="pagination">
 
 
         <template v-for="s in ss" v-slot:[s]="props">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hostlink/nuxt-light",
-  "version": "0.0.68",
+  "version": "0.0.69",
   "description": "HostLink Nuxt Light Framework",
   "repository": "@hostlink/nuxt-light",
   "license": "MIT",