Lazy loading for locales list

What problem does this feature solve?

In some cases, there’s a need for a dynamic locales list (i.e. localizations created by editor on CMS). Currently, locales only allows a static array.

What does the proposed changes look like?

To allow dynamic locales listing, locales should allow functions as well, including those returning a Promise.

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

[cannap]

found a solution

nuxt.config.js defaults is just a normal nuxt config obj

export default async () => {
  const url = `${process.env.BASE_URL}/translation/languages`
  const { data: response } = await axios.get(url)
  const locales = response.data.map(lang => {
    return {
      ...lang,
      file: `${lang.code}.json`
    }
  })

  defaults.i18n.locales = locales

  return defaults
}

//e i forgot that every languages needs a file which returns content or a promise 😕

[fahamidev]

@cannap Thank you very mutch to share your information about this topic and also your answer. Really i think this is my answer too, But i don’t know where can i use this in my code, i mean which part of my code i have to put it?