@paris-ias/list 1.0.99 → 1.0.100

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@paris-ias/list",
   "configKey": "list",
-  "version": "1.0.99",
+  "version": "1.0.100",
   "builder": {
     "@nuxt/module-builder": "1.0.0",
     "unbuild": "3.5.0"

package/dist/runtime/components/list/molecules/Pagination.vue

@@ -184,15 +184,6 @@ const getGapPage = (index) => {
     renderPages.value[index - 1].key + ((renderPages.value[index + 1].key || props.totalPages) - renderPages.value[index - 1].key) / 2
   );
 };
-watch(
-  () => route.query.page,
-  (newPage) => {
-    if (newPage) {
-      props.currentPage = Number.parseInt(newPage, 10);
-    }
-  },
-  { immediate: true }
-);
 </script>
 
 <style>

package/dist/runtime/components/list/organisms/List.vue

@@ -83,6 +83,7 @@ const itemTemplate = computed(
 const numberOfPages = computed(() => $stores[props.type].numberOfPages);
 const page = computed(() => +$stores[props.type].page);
 const items = computed(() => $stores[props.type].items);
+rootStore.initializePageFromRoute();
 try {
   await rootStore.update(props.type, locale.value);
 } catch (error) {

package/dist/runtime/stores/root.d.ts

@@ -49,6 +49,7 @@ export declare const useRootStore: import("pinia").StoreDefinition<"rootStore",
         page: number;
         type: string;
     }): void;
+    initializePageFromRoute(): void;
     updateSearch({ type, search, lang, }: {
         type: string;
         search: string;

package/dist/runtime/stores/root.js

@@ -186,13 +186,23 @@ export const useRootStore = defineStore("rootStore", {
       this.update(type);
     },
     updatePage({ page, type }) {
-      this.page = page;
       const router = useRouter();
-      const query = router.currentRoute.value.query;
-      query.page = page > 1 ? page.toString() : void 0;
-      router.replace({ query });
+      const currentQuery = router.currentRoute.value.query;
+      const newQuery = { ...currentQuery };
+      if (page > 1) {
+        newQuery.page = page.toString();
+      } else {
+        delete newQuery.page;
+      }
+      router.replace({ query: newQuery });
+      this.page = page;
       this.update(type);
     },
+    initializePageFromRoute() {
+      const { query } = useRouter().currentRoute.value;
+      const page = Number.parseInt(query.page, 10);
+      this.page = isNaN(page) || page < 1 ? 1 : page;
+    },
     async updateSearch({
       type = "all",
       search = "",

package/package.json

@@ -1,7 +1,7 @@
 {
   "license": "AGPL-3.0-only",
   "main": "./dist/module.mjs",
-  "version": "1.0.99",
+  "version": "1.0.100",
   "name": "@paris-ias/list",
   "repository": {
     "url": "git+https://github.com/IEA-Paris/list.git",