No estoy seguro de por qué, necesito cerrar offcanvas después de que el usuario haga clic en un <router-link> en mi aplicación vue.

He importado el componente relacionado de esta manera.

 import { Offcanvas } from 'bootstrap/dist/js/bootstrap.esm'

Y dentro de mis métodos, he creado un método que se llamará desde el enlace del enrutador.

 closeOffcanvas() { const offcanvasMenu = new Offcanvas(this.$refs.offcanvasNavbar) console.log(offcanvasMenu) offcanvasMenu.hide() },

 <li class="nav-item"> <router-link class="nav-link" :to="userProfileURL" @click="closeOffcanvas">Profilo</router-link> </li>

data-bs-dismiss="offcanvas" pero esto impedirá la navegación a la ruta solicitada.

¿Alguna sugerencia o tip para solucionar esto?