From 1edf58c7eead69e32bc7fbb973b7ff9c017b4f6c Mon Sep 17 00:00:00 2001
From: zumm <jan.plys@gmail.com>
Date: Sat, 4 Jun 2022 06:44:32 +0700
Subject: [PATCH] fix: sharing nodes states (#227)

---
 src/Grid.vue | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/Grid.vue b/src/Grid.vue
index bf1aec4..3a49d0e 100644
--- a/src/Grid.vue
+++ b/src/Grid.vue
@@ -14,7 +14,10 @@
       <slot name="probe" />
     </div>
 
-    <template v-for="(internalItem, index) in buffer" :key="index">
+    <template
+      v-for="internalItem in buffer"
+      :key="keyPrefix + '.' + internalItem.index"
+    >
       <slot
         v-if="internalItem.value === undefined"
         name="placeholder"
@@ -39,6 +42,7 @@ import {
   PropType,
   ref,
   computed,
+  watch,
   StyleValue,
 } from "vue";
 import {
@@ -89,8 +93,8 @@ export default defineComponent({
       type: String as PropType<"smooth" | "auto">,
       required: false,
       default: "smooth",
-      validator: (value: string) => ["smooth", "auto"].includes(value)
-    }
+      validator: (value: string) => ["smooth", "auto"].includes(value),
+    },
   },
   setup(props) {
     // template refs
@@ -136,11 +140,19 @@ export default defineComponent({
       ])
     );
 
+    const keyPrefix = ref<string>("");
+    watch(
+      () => props.pageProvider,
+      () => (keyPrefix.value = String(new Date().getTime())),
+      { immediate: true }
+    );
+
     return {
       rootRef,
       probeRef,
       buffer: useObservable(buffer$),
       rootStyles,
+      keyPrefix,
     };
   },
 });