Router is not generating proper routes

Version

nuxt: 2.12.2, nuxt-i18n: 6.11.1

Nuxt configuration

mode:

• universal

Reproduction link

https://codesandbox.io/s/nuxt-nuxt-i18n-base-template-8iqxp

Code

/pages structure:

_id.vue:

<template lang="pug">
  div
    p Page
</template>

Configuration:

i18n: {
    defaultLocale: 'pl',
    lazy: true,
    langDir: 'lang/',
    locales: [
      {
        code: 'en',
        name: 'English',
        file: 'en-US.js',
        flag: '🇬🇧'
      },
      {
        code: 'pl',
        name: 'Polski',
        file: 'pl-PL.js',
        flag: '🇵🇱'
      },
    ],
}

autogenerated .nuxt/router.js:

What is Expected?

To have dynamic route working.

What is actually happening?

/en/therapists/:id is working even though in router it’s not prefixed now it’s not working too. When I switch to default locale (pl) then page is not found unless I type therapists instead of terapeuci.

/therapists (index.vue) works perfectly in both langs.

[janswist]

The simplest mistakes are the easiest to make. Thanks a lot! That solved my problem - can’t believe I didn’t thought of it by myself. Pozdrawiam 😃

[rchl]

You do need to also set custom paths for the dynamic route. Can’t expect those to follow the therapists/index.vue magically as those are two separate routes.

So add this for _id.vue route:

  nuxtI18n: {
    paths: {
      en: "/therapists/:id",
      pl: "/terapeuci/:id"
    }
  }