Friday, 3 September 2021

Nested namespaces in i18n

My application is rather large, so to have a more organized translation file I want to use nasted namespaces. Example:

{
    "contract": {
        "index": {
            "pageTitle": "Contract"
    }
}

The problem with this is when I'm accessing it. With the help of this question I found out I can access the keys inside index by using it as below:

const { t, i18n } = useTranslation('contract', { useSuspense: false });
...
t('index.pageTitle')

The problem is It seems rather unecessary to prefix index. to every key I want to access. What I would like to do is import the namespace index instead of contract, and use it as below:

const { t, i18n } = useTranslation('contract:index', { useSuspense: false });
...
t('pageTitle')

Which doesn't work. I tried contract.index as well. In the official documentation I found nothing about nesting. Is it possible to accomplish what I'm trying to do or will I have to stick with prexifing every key?



from Nested namespaces in i18n

No comments:

Post a Comment