Switch lang not working with custom routes.

[mrFANRA]

Hi.

Why switch lang not working with custom routes? /en prefix in url showing page not found.

Reproduction:
https://stackblitz.com/edit/nuxt-starter-waedfc

[simkuns]

One way to solve this is to rename sections folder to pages, and delete app/router.options.ts.

[mrFANRA]

Yes, this way is working, but I need custom routes =(

[simkuns]

The issue stems from the fact that @nuxtjs/i18n utilizes the extendPages hook to retrieve the list of registered routes only during the build phase. However, app/router.options.ts is served as is once the server is already up and running, hence the mismatch.

If you really want to have app/router.options.ts then you will have to add routes manually.

export default {
  routes: () => [
    {
      path: '/',
      name: 'index___ru',
      component: () => import('~/sections/index.vue'),
    },
    {
      path: '/en',
      name: 'index___en',
      component: () => import('~/sections/index.vue'),
    },
  ],
};

Here's an example on how you can use the pages:extend hook within your configuration (https://v8.i18n.nuxtjs.org/guide/extend-pages/):

export default defineNuxtConfig({
  modules: [
   (_, nuxt) => {
      nuxt.hook('pages:extend', (pages) => {
        pages.push({
          name: 'index',
          path: '/',
          file: '~/sections/index.vue',
        });
      });
    },
    '@nuxtjs/i18n'
  ],
  // ...
});

[mrFANRA]

Thank you very much, it is work!

Is it temporary solution for beta version or for release too?