is it possible to access a specific page by using a .vue
file having a custom name instead of the default index.vue
?
E.g.
pages/
--| favorites/
-----| _id.vue
-----| list.vue
so that, when going to /favorites
route it actually renders pages/favorites/list.vue
file.
How can I do that?
Thanks
P.s. the menu I have to access my pages is as following:
<v-list-item
v-for="(item, i) in $t('menu.items')"
:key="i"
:to="item.to"
router
exact
active-class="default-class menu-custom-active"
>
<!-- ... -->
</v-list-item>
menu: {
items: [
{
title: 'Home',
to: '/'
},
{
title: 'Favorites',
to: '/favorites'
},
]
},
router-extras
, thanks to which you will be able to change the actual path related to any otherly named route.