fix: Properly clear event listeners on component unmounts (#302)

Author: Jasenkoo

src/VueDatePicker/VueDatePicker.vue

@@ -450,6 +450,7 @@
             }
             clearInternalValues();
             emit('blur');
+            dpMenuRef.value?.$el?.remove();
         }
     };
 

src/VueDatePicker/components/ActionRow.vue

@@ -68,7 +68,7 @@
 </template>
 
 <script lang="ts" setup>
-    import { computed, onMounted, onUnmounted, ref } from 'vue';
+    import { computed, onUnmounted, onMounted, ref } from 'vue';
 
     import { checkKeyDown, convertType, unrefElement } from '@/utils/util';
     import { useArrowNavigation, useDefaults, useValidation } from '@/composables';

src/VueDatePicker/components/DatepickerMenu.vue

@@ -205,6 +205,14 @@
     const dynCmpRef = ref<any>(null);
     const isMenuActive = ref(false);
 
+    const stopDefault = (event: Event) => {
+        isMenuActive.value = true;
+        if (defaultedConfig.value.allowPreventDefault) {
+            event.preventDefault();
+        }
+        checkStopPropagation(event, defaultedConfig.value, true);
+    };
+
     onMounted(() => {
         if (!props.shadow) {
             menuMount.value = true;
@@ -229,7 +237,7 @@
         document.removeEventListener('mousedown', handleClickOutside);
 
         const menu = unrefElement(dpMenuRef);
-    
+
         if (menu) {
             menu.removeEventListener('pointerdown', stopDefault);
             menu.removeEventListener('mousedown', stopDefault);
@@ -306,14 +314,6 @@
         }),
     );
 
-    const stopDefault = (event: Event) => {
-        isMenuActive.value = true;
-        if (defaultedConfig.value.allowPreventDefault) {
-            event.preventDefault();
-        }
-        checkStopPropagation(event, defaultedConfig.value, true);
-    };
-    
     const handleDpMenuClick = (ev: Event) => {
         checkStopPropagation(ev, defaultedConfig.value, true);
     };

src/VueDatePicker/directives/clickOutside.ts

@@ -33,7 +33,7 @@ const useEventListener = (
         (el) => {
             cleanup();
             if (!el) return;
-
+            el.removeEventListener(event, listener);
             el.addEventListener(event, listener, options);
 
             cleanup = () => {