Is it possible to use Vue router instead of the current file router including custom path according to i18n?
I have the following example:
// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
compatibilityDate: '2024-04-03',
devtools: { enabled: true },
hooks: {
'pages:extend'(pages) {
pages.push({
name: 'profile',
path: '/profile',
file: './pages/profile.vue',
});
},
} ,
modules: [
['@nuxtjs/i18n',{
customRoutes: 'config',
lazy: true,
legacy: false,
strategy: 'prefix_except_default',
defaultLocale: 'en', // default locale of your project for Nuxt pages and routings
langDir: 'locales',
locales: [
{
code: 'en',
iso: 'en-GB',
file: 'en-GB.js'
},
{
code: 'fr',
iso: 'fr-FR',
file: 'fr-FR.js'
}
],
pages: {
test: {
en: '/test-us',
fr: '/a-propos',
},
profile: {
en: '/profile',
fr: '/profielos',
},
}
}]
]
})
This works fine but I wanna rather use the vue router instead of the file navigation within Nuxt. Is there any example of this with custom rout paths including i18n as in the example?