localePath link for [...slug.vue]?

[notflip]

When working with a dynamic catch-all page (which is populated with data from my Directus CMS). How can we make sure we have a correct localePath link to that page from within my navigation?

With a static page (contact.vue and about.vue), this works, but what is the router name when using [...slug].vue?

    <nuxt-link :to="localePath({name: 'about'})">{{ $t('router.about') }}</nuxt-link>
    <nuxt-link :to="localePath({name: 'contact'})">{{ $t('router.contact') }}</nuxt-link>

Thanks!

[rchl]

You can check generated route names in .nuxt/router.js

[notflip]

@rchl Thanks for getting back this quick, are you sure that's the right path? I don't see a .nuxt/router.js file, not when running yarn build or when running yarn dev. Thanks!

[notflip]

I managed to output the list of routes and their names inside a vue file using $router.options.routes"

[rchl]

Right. I was thinking of Nuxt 2 here. Not sure about Nuxt 3 equivalent of that.

[BobbieGoede]

Another way to see the generated names is to check the routes tab in Vue Devtools or pages tab in Nuxt Devtools.