Estoy usando Vue3 CDN además de un proyecto de Django donde agregué VueRouter y funcionó perfectamente bien hasta que decidí agregar un nombre a los objetos de ruta.

Dentro de mi componente principal, intento verificar el valor del nombre de la ruta cada vez que el usuario visita una página.

 const routes = [ { path: '/', name: 'home', component: home }, { path: '/our-program' name: 'program', component: 'program' } ] const router = VueRouter.createRouter({ history: VueRouter.createWebHashHistory(), // mode: history, routes,}); const app = Vue.createApp({ data() { return {} }, computed:{ isFocus(){ return this.$route.name; } }, mounted() { console.log(this.$route); }, }); const vm = app.use(router).mount('#pages');

Obtengo la ruta en la consola pero el $route.name no parece pasar. ¿Alguien sabe lo que he estado haciendo mal?