From 072f1fb52172e7f1fdde69311a0ea4e48ad0dbce Mon Sep 17 00:00:00 2001
From: shane-moore <skm1790@gmail.com>
Date: Mon, 1 Jan 2024 20:01:41 -0800
Subject: [PATCH] chore: close hover menu option

---
 layer/components/HoverMenu.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/layer/components/HoverMenu.vue b/layer/components/HoverMenu.vue
index 2fb85bf5..dd084ab0 100644
--- a/layer/components/HoverMenu.vue
+++ b/layer/components/HoverMenu.vue
@@ -1,4 +1,5 @@
 <script lang="ts" setup>
+import { useDebounceFn } from '@vueuse/core'
 import { ref } from 'vue'
 import { Menu } from 'floating-vue'
 
@@ -37,6 +38,10 @@ function onUpdate(value: boolean) {
 function onToggle() {
   isOpen.value = !isOpen.value
 }
+
+const closeDebounce = useDebounceFn(() => {
+    isOpen.value = false
+}, 50)
 </script>
 
 <template>
@@ -56,7 +61,7 @@ function onToggle() {
 
     <template #popper>
       <div @mouseenter="onMouseEnter" @mouseleave="onMouseLeave">
-        <slot name="content" />
+        <slot name="content" v-bind="{ close: closeDebounce }"  />
       </div>
     </template>
   </Menu>