fix: pagination

CHANGELOG.md

@@ -1,3 +1,11 @@
+# 0.20.3 - 2024-03-06
+
+- ADDED
+- REMOVED
+- IMPROVED
+- BUGFIXES
+  - Pagination `v-model` not working properly
+
 # 0.20.2 - 2023-07-06
 
 - ADDED

dev/App.vue

@@ -117,6 +117,10 @@
 
       <div class="mt-5"></div>
 
+      <ax-pagination v-model="pagination" :max-visible="5" :per-page="15" :total="100"></ax-pagination>
+
+      <div class="mt-5"></div>
+
       <ax-tab
         v-model="currentTab"
         class="shadow-1"
@@ -365,6 +369,7 @@ export default {
     tableTotal: 20,
     radio: 'Yes',
     checked: true,
+    pagination: 2,
     items: ['Voiture', 'Moto', 'Bus', 'Velo', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I'],
     // items: [],
     // items: [
@@ -546,6 +551,9 @@ export default {
     multipleSelectedValue(val) {
       console.log('multipleSelectedValue', val);
     },
+    pagination(val) {
+      console.log('pagination', val);
+    },
   },
   methods: {
     selectAll(toggle) {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axentix/vue",
-  "version": "0.20.2",
+  "version": "0.20.3",
   "description": "Vue Axentix is the Axentix integration for the VueJS framework.",
   "license": "MIT",
   "author": "Axel SIMONET, Vincent LEVEQUE",
@@ -78,4 +78,4 @@
       "optional": true
     }
   }
-}
+}

src/components/pagination/Pagination.vue

@@ -79,7 +79,7 @@ export default {
   setup(props, ctx) {
     const pageCount = ref(Math.ceil(props.total / props.perPage)),
       vmodel = toRefs(props)[getVModelKey()],
-      current = ref(1);
+      current = ref(vmodel.value || 1);
 
     let shownCount = 1,
       rest = 0;