unobserve the observer

spartez · Nov 29, 2023 · 12a817a · 12a817a
1 parent 775a139
commit 12a817a
Show file tree

Hide file tree

Showing 2 changed files with 14,981 additions and 9,699 deletions.
diff --git a/.storybook/config.js b/.storybook/config.js
@@ -58,6 +58,11 @@ const registerStory = (filename) => {
         .add(name, () => ({
             name: 'StoryWrapper',
             components: component.components,
+            data() {
+                return {
+                    observer: null
+                }
+            },
             mounted() {
                 const targetNode = document.querySelector("html");
                 const config = { attributes: true };
@@ -69,8 +74,15 @@ const registerStory = (filename) => {
                         }
                     }
                 };
-                const observer = new MutationObserver(callback);
-                observer.observe(targetNode, config);
+                if (!this.observer) {
+                    this.observer = new MutationObserver(callback);
+                    this.observer.observe(targetNode, config);
+                }
+            },
+            beforeDestroy() {
+                if (this.observer) {
+                    this.observer.disconnect();
+                }
             },
             render(h) {
                 return h(component, { style: { padding: '20px' } });