Fix potential double observer issue with resetObserver (#79)

oumoussa98 · Aug 26, 2024 · cd5ae8e · cd5ae8e
1 parent fcdd60e
commit cd5ae8e
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/src/components/InfiniteLoading.vue b/src/components/InfiniteLoading.vue
@@ -38,6 +38,11 @@ const params: Params = {
   },
 };
 
+const resetObserver = () => {
+  observer?.disconnect();
+  observer = startObserver(params);
+};
+
 const stateHandler: StateHandler = {
   loading() {
     state.value = "loading";
@@ -58,13 +63,12 @@ const stateHandler: StateHandler = {
 };
 
 watch(identifier, () => {
-  observer?.disconnect();
-  observer = startObserver(params);
+  resetObserver();
 });
 
 onMounted(async () => {
   params.parentEl = await getParentEl(target!);
-  observer = startObserver(params);
+  resetObserver();
 });
 
 onUnmounted(() => {