From 1691ca5ba10c5b07ead3b727c754f01198022d24 Mon Sep 17 00:00:00 2001
From: Antonis Ntoulis <antonisntoulis@gmail.com>
Date: Sat, 21 Jan 2023 18:20:25 +0200
Subject: [PATCH] fixes #80

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

diff --git a/src/js/components/Splide/Splide.vue b/src/js/components/Splide/Splide.vue
index adf982b..10eeba6 100644
--- a/src/js/components/Splide/Splide.vue
+++ b/src/js/components/Splide/Splide.vue
@@ -10,7 +10,7 @@
 
 <script lang="ts">
 import { ComponentConstructor, Options, Splide } from '@splidejs/splide';
-import { computed, defineComponent, onBeforeUnmount, onMounted, PropType, provide, Ref, ref, watch } from 'vue';
+import { computed, defineComponent, onUnmounted, onMounted, PropType, provide, Ref, ref, watch } from 'vue';
 import { EVENTS } from '../../constants/events';
 import { SPLIDE_INJECTION_KEY } from '../../constants/keys';
 import { merge } from '../../utils';
@@ -75,8 +75,20 @@ export default defineComponent( {
       }
     } );
 
-    onBeforeUnmount( () => {
-      splide.value?.destroy();
+    onUnmounted( () => {
+      if (splide.value) {
+        try {
+          const observer = new MutationObserver(() => {
+            if (!document.body.contains(splide.value?.root as HTMLElement)) {
+              splide.value?.destroy();
+              observer.disconnect();
+            }
+          });
+          observer.observe(document.body, { childList: true, subtree: true });
+        } catch (e) {
+          console.log(e);
+        }
+      }
     } );
 
     watch( () => merge( {}, props.options ), options => {