close mobile menu on route change

nimiq · Apr 10, 2024 · 3870488 · 3870488
1 parent b0a4f2c
commit 3870488
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/.vitepress/theme/components/header/MobileMenu.vue b/.vitepress/theme/components/header/MobileMenu.vue
@@ -3,10 +3,15 @@ import { DrawerClose, DrawerContent, DrawerOverlay, DrawerPortal, DrawerRoot, Dr
 import type { NavigationType } from './navigation-types'
 
 defineProps<{ navigation: NavigationType }>()
+
+const open = ref(false)
+const { route } = useRouter()
+
+watch(route, () => open.value = false)
 </script>
 
 <template>
-  <DrawerRoot>
+  <DrawerRoot v-model:open="open">
     <DrawerTrigger v-bind="$attrs">
       <div i-nimiq:hamburger-menu rotate-y-180 />
     </DrawerTrigger>