Possibility to localize dynamic routes

What problem does this feature solve?

I’m not sure if it is possible 😃 I have a route /article/:slug (en) and I’d like to translate it to other languages with translated slug Eg: (en) /article/first-article and (de) /de/artikel/erste-artikel

Now I can do this: article.vue

i18n: {
  paths: {
    de: '/artikel/:slug'
  }
},
data () {
  return {
    article: { // it comes from asyncData
      // title: { en: '...', de: '...' },
      // slug: { en: '...', de: '...' }
    }
  }
}

but I can’t change the slug based on the article’s data

What does the proposed changes look like?

I think the i18n.paths[locale] should accept a function with the access of this (data) and should return some Object:

de () {
  return {
    path: '/artikel/:slug',
    params: {
      slug: this.article.slug.de
    }
  }
}

<div align="right">_{This feature request is available on Nuxt.js community (#c74)}</div>

[paulgv]

Here’s my attempt at supporting dynamic parameters translation in nuxt-i18n: https://github.com/nuxt-community/nuxt-i18n/pull/345

Please read the PR description to see how you can try it yourselves. I’d love to have some feedback on this!

[katerlouis]

Any news? Also looking for dynamic route paths translation.

The proposed solution to pass a function to paths: is what I had in mind aswell. Rookie here, though… so I don’t know if it’s possible to expose context, i18n etc. to this function under the hood.