Component based localization

[Darkmift]

In Vue the I18n api allows component based messages
https://kazupon.github.io/vue-i18n/guide/component.html#translation-in-functional-component

I tried looking for equivalent behaviour in I18next but could not find any so came up with this.
I am sure this could be improved upon and would appreciate some input.

https://github.com/Darkmift/ELEVATION-ITWORKS/blob/feat-i19n-tailwind/classes/react/int-tw/src/hooks/useScopedTranslation.ts

[jamuhl]

i18next has the concept of namespaces -> https://www.i18next.com/principles/namespaces

you can use key prefix as additional layer: https://www.i18next.com/overview/api#getfixedt

not sure what functionality you miss - having translations beside the component in file system?

[adrai]

https://i18next.github.io/i18next-vue/

[Darkmift]

i18next has the concept of namespaces -> https://www.i18next.com/principles/namespaces

you can use key prefix as additional layer: https://www.i18next.com/overview/api#getfixedt

not sure what functionality you miss - having translations beside the component in file system?

this is what I am trying to achieve
(that example works with the hook I made)
https://github.com/Darkmift/ELEVATION-ITWORKS/blob/feat-i19n-tailwind/classes/react/int-tw/src/App.tsx

[jamuhl]

so my guess...find the backend that suits you best https://www.i18next.com/overview/plugins-and-utils#backends and just use useTranslation which takes care of loading the right translations