fix: Pagination is broken

Smidra · Mar 23, 2024 · 6c8fc5e · 6c8fc5e
1 parent 6723ab2
commit 6c8fc5e
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/script.js b/src/script.js
@@ -1,5 +1,5 @@
 import { CvHeader, CvHeaderMenuButton, CvSkipToContent, CvHeaderName, CvSearch, CvSideNav } from '@carbon/vue';
-import { AisInstantSearch, AisHits, AisHierarchicalMenu, AisConfigure, AisStateResults } from 'vue-instantsearch/vue3/es';
+import { AisInstantSearch, AisHits, AisHierarchicalMenu, AisConfigure, AisPagination, AisStateResults } from 'vue-instantsearch/vue3/es';
 import algoliasearch from 'algoliasearch';
 import HierarchicalMenu from './components/HierarchicalMenu.vue';
 import ItemTile from './components/ItemTile.vue';
@@ -24,6 +24,7 @@ export default {
         AisHits,
         AisHierarchicalMenu,
         AisConfigure,
+        AisPagination,
         AisStateResults,
         'add-icon': Add16,
         EditModal,
@@ -33,6 +34,8 @@ export default {
         return {
             expandedSideNav: window.innerWidth > 768,
             useFixed: true,
+            hitsPerPage: 20,
+            page: 1,
             searchQuery: '',
             searchResults: [],
             searchClient: algoliasearch('S27OT8U78J', '995efbd2d821e03836317ed9c20812a3'),
@@ -70,6 +73,10 @@ export default {
             this.showEditModal = true;
             this.editedItemNew = true;
         },
+        onPaginationChange(data) {
+            this.hitsPerPage = data.length;
+            this.page = data.page;
+        },
         reloadPage() {
             location.reload();
         },