From 2e86cdfe52ec29d140383a6b5129252c21eb636d Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Fri, 16 Feb 2024 12:59:00 +0100
Subject: [PATCH] refs #6772 feat: fix approach

---
 src/components/ui/VnPaginate.vue | 25 ++++++++++++++++++++++++-
 1 file changed, 24 insertions(+), 1 deletion(-)

diff --git a/src/components/ui/VnPaginate.vue b/src/components/ui/VnPaginate.vue
index 4c38c1c1a..2e3927871 100644
--- a/src/components/ui/VnPaginate.vue
+++ b/src/components/ui/VnPaginate.vue
@@ -1,7 +1,9 @@
 <script setup>
-import { onMounted, ref, watch } from 'vue';
+import { onMounted, ref, watch, computed } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useArrayData } from 'composables/useArrayData';
+import { useRoute } from 'vue-router';
+const route = useRoute();
 
 const { t } = useI18n();
 
@@ -86,7 +88,28 @@ watch(
         store.data = props.data;
     }
 );
+watch(
+    () => route.params.id,
+    () => {
+        if (route.path === props.url) return;
+        //Así fuerzo al reinicio
+        store.data = null;
+        if (!arrayData.store?.filter?.where) {
+            //Cuando el cambio viene por VnSearchbar
+            store.url = store.url.replace(/(\d+)/, route.params.id);
+        } else {
+            // Cuando el usuario cambia en la URL
+            const claveFk = Object.keys(arrayData.store.filter.where).find((clave) =>
+                clave.endsWith('Fk')
+            );
+            if (claveFk) {
+                arrayData.store.filter.where[claveFk] = route.params.id;
+            }
+        }
 
+        fetch();
+    }
+);
 async function fetch() {
     await arrayData.fetch({ append: false });
     if (!arrayData.hasMoreData.value) {