Locales and Translations from server side

[sergefy13]

Hey. Can I somehow fetch locales (languages) and translations from server (I use nuxthub with cloudflare pages) without defining them in nuxt3 app? Like I want to manage everything in backend and just use locales and translations from it as common i18n usage. What should I use for that?

Thank you for your feedback.

[jacobtshirt]

You can use the defineI18nLocale macro in a .ts/.js file that your i18n config points at.

export default defineI18nLocale(locale => {
  // for example, fetch locale messages from nuxt server
  return $fetch(`/api/${locale}`)
})

Docs can be found here

[liangtingtings]

I tried to print in the defineI18nLocale method and found that it printed 4 times, 2 times on the server and 2 times on the client
That means I'm calling the interface here, and I'm calling it repeatedly