Microcopy

[adamchipperfield]

There's clearly been a huge effort to allow Markets to integrate with a Hydrogen app. However, it feels like the missing piece here is system translations (or "microcopy").

For example, I can set up a localised experience using the helpful documentation. This will allow translations for any API-fetched content, like product titles, through the use of the @inContext directive.

However, hard-coded copy (i.e. "Cart") remains in the default language (English). So OOTB Hydrogen only provides a half-baked translation approach. Are there plans or a direction that we can take to provide translations for these cases?

I've been looking over react-i18next (and the more relevant remix-i18next). They seem to be a potential solution.

But it would be good to have some sort of Hydrogen component/hook that handles this without all the extra fluff of these well established packages.

[jamalsoueidan]

I think we need simple example to work from, I havn't figure out how to use the translation in the hydrogen yet.

[blittle]

There are so many ways that people handle translation in apps, that we feel we shouldn't offer a single baked-in approach. But we do have it on our roadmap to provide at least an example of what it could look like.