fix: fixed closing navbar on links click

kouts · Jun 22, 2024 · d95daac · d95daac
1 parent 988fd8b
commit d95daac
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/src/layouts/default/DefaultNav.vue b/src/layouts/default/DefaultNav.vue
@@ -37,6 +37,7 @@
               to="/"
               class="block rounded px-3 py-2 no-underline hover:text-emerald-600 md:bg-transparent md:p-0 md:hover:text-emerald-600"
               :active-class="activeClass"
+              @click="closeNavBar"
             >
               Home
             </router-link>
@@ -46,6 +47,7 @@
               to="/about"
               class="block rounded px-3 py-2 no-underline hover:text-emerald-600 md:bg-transparent md:p-0 md:hover:text-emerald-600"
               :active-class="activeClass"
+              @click="closeNavBar"
             >
               About
             </router-link>
@@ -65,4 +67,8 @@ const activeClass = 'bg-emerald-600 text-white hover:text-white md:!text-emerald
 const toggleNavbar = () => {
   navbarExpanded.value = !navbarExpanded.value
 }
+
+const closeNavBar = () => {
+  navbarExpanded.value = false
+}
 </script>