Navabr issue in Mobile view

[v-dale]

When I use any Navbar from this list: http://localhost:3100/application/navbar
when a user clicks on a link, the menu does not hideout.

This happens if I'm using it outside the router-view:

<template>
  <NavBar />
  <router-view :key="$route.path" dir="rtl">
  </router-view>
</template>

[tugcekucukoglu]

Which block do you encounter this issue? https://blocks.primevue.org/application/navbar

[v-dale]

I randomly tried 3 of them, all have the same issue.

I fixed it using this:

<span>
   <router-link class="p-3" :to="{name:'Home'}"  v-styleclass="{ selector: '.mobileMenu', toggleClass: 'hidden', hideOnOutsideClick: true}">Home</router-link>
</span>

But I'm not sure if this is the best way to do it.