Hide sidebar on nav menu click.

mross-ua · Sep 24, 2023 · 28ce066 · 28ce066
1 parent 02c23c3
commit 28ce066
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/app.vue b/app.vue
@@ -50,7 +50,7 @@ const menuPassThroughOptions = {
       <Menu :model="navMenuItems" :pt="menuPassThroughOptions">
         <template #item="{ label, item, props }">
           <RouterLink :to="item.to!" v-slot="{ href, route, navigate, isActive, isExactActive }" custom>
-            <a :href="href" v-bind="props.action" @click="navigate" :class="[isActive && 'router-link-active', isExactActive && 'router-link-exact-active']">
+            <a :href="href" v-bind="props.action" @click="navigate($event).then(() => isSidebarVisible = false)" :class="[isActive && 'router-link-active', isExactActive && 'router-link-exact-active']">
               <span v-bind="props.icon" />
               <span v-bind="props.label">{{ label }}</span>
             </a>