diff --git a/src/components/ui/VnPaginate.vue b/src/components/ui/VnPaginate.vue
index 1aa99ea0c..ecebf8933 100644
--- a/src/components/ui/VnPaginate.vue
+++ b/src/components/ui/VnPaginate.vue
@@ -1,10 +1,12 @@
 <script setup>
-import { onMounted, ref, watch } from 'vue';
+import { onMounted, ref, watch, onUnmounted } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useArrayData } from 'composables/useArrayData';
+import { useRoute } from 'vue-router';
 
 const { t } = useI18n();
 
+const route = useRoute();
 const props = defineProps({
     dataKey: {
         type: String,
@@ -79,14 +81,27 @@ const store = arrayData.store;
 onMounted(() => {
     if (props.autoLoad) fetch();
 });
-
+onUnmounted(async ()=>{
+   arrayData.destroy()
+});
 watch(
     () => props.data,
     () => {
+        // store.skip = 0;
         store.data = props.data;
     }
 );
 
+// watch(
+//     () => route.path,
+//     async (newId, oldId) => {
+//         if (newId!==oldId) {
+//             // arrayData.hasMoreData.value = [];
+//             arrayData.store.clear()
+//                         }
+//         }
+//     );
+
 async function fetch() {
     await arrayData.fetch({ append: false });
     if (!arrayData.hasMoreData.value) {