Can I load locales from different paths?

[ivansevillaa]

The default is to load the locale from locales/en/user.json

I want to load from wherever I want for example from:
pages/user/i18n.json

But is probably I have nested routes, so if inside user I have another screen I'd like to load the locale from the same way:
pages/user/settings/i18n.json

Is possible?

[aralroca]

You can implement loadLocaleFrom loading the locales as you want. However, there is an issue using dynamic import with Next.js 12 compiler that we are trying to fix (there are currently a workaround)

[ivansevillaa]

Yes, but. Can I have a dynamic way to do that? For example for the first example pages/user/en/i18n.json I can do:

"loadLocaleFrom": (lang, ns) =>
    import(`/pages/${ns}/${lang}/i18n.json`).then((m) => m.default)

But that doesn't work for pages/user/settings/en/i18n.json

[aralroca]

It should work if you use user/settings as namespace.

const { t, lang } = useTranslation('user/settings')