Update ArrowBtn.vue

add type definitions to defineEmits.
create helper function to return elRef (prevents eslint to chenge it to elRef.value)

Author: ayrtonandino

src/VueDatePicker/components/Common/ArrowBtn.vue

@@ -7,8 +7,8 @@
         tabindex="0"
         :aria-label="ariaLabel"
         :aria-disabled="disabled || undefined"
-        @click="$emit('activate')"
-        @keydown="checkKeyDown($event, () => $emit('activate'), true)"
+        @click="emit('activate')"
+        @keydown="checkKeyDown($event, () => emit('activate'), true)"
     >
         <span class="dp__inner_nav" :class="{ dp__inner_nav_disabled: disabled }">
             <slot />
@@ -17,7 +17,7 @@
 </template>
 
 <script lang="ts" setup>
-    import { onMounted, ref } from 'vue';
+    import { onMounted, ref, type Ref } from 'vue';
     import { checkKeyDown } from '@/utils/util';
 
     defineOptions({
@@ -26,7 +26,10 @@
         },
     });
 
-    const emit = defineEmits(['activate', 'set-ref']);
+    const emit = defineEmits<{
+        'activate': []
+        'set-ref': [i: Ref<HTMLElement | null>]
+    }>();
 
     defineProps<{
         ariaLabel?: string;
@@ -36,5 +39,9 @@
 
     const elRef = ref<HTMLElement | null>(null);
 
-    onMounted(() => emit('set-ref', elRef.value));
+    function getRefElement(): Ref<HTMLElement | null> {
+        return elRef
+    }
+
+    onMounted(() => emit('set-ref', getRefElement()));
 </script>