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'
      },
    ]
  },