studio: i18n

[peterpeterparker]

Description

The editor ("studio") is currently only available in English. Texts and codes are currently "hard coded" in the JSX files.

Goal

Add internationalization.

Development

What library should we use for to handle the translations? or, for challenging purpose, should we try to create our own Web Component? or could we solve that with a custom function?

[timrodz]

Here to listen about this conversation — Haven't implemented internationalisation on the web (Only games before) and am open for any ideas/suggestions.

[peterpeterparker]

coolio 👍

I think first we should collect/list what are the solutions. Moreover than web I don't think there is yet the standard solution.

A while ago:

1. Christian wrote a tutorial https://medium.com/stencil-tricks/implementing-internationalisation-i18n-with-stencil-5e6559554117

2. @natemoo-re published https://intljs.com (did you still work and maintain it Nate?)

update:

3. https://www.i18next.com/

4. https://dev.to/teamhive/using-i18n-translations-within-stencil-components-4n30

I tend for the 4th option.

[mattrobineau]

I think first we should collect/list what are the solutions.

I've also heard good things of https://www.i18next.com/.

[peterpeterparker]

thx @mattrobineau 👍

[peterpeterparker]

Another tutorial and interested approach by @sean-perkins : https://dev.to/teamhive/using-i18n-translations-within-stencil-components-4n30

I'm still a bit unclear on how we should handle translations in order to continue to be SEO friendly (what we achieve currently through a preerendered build of studio)

[peterpeterparker]

About i18n, there are WC for it: https://github.com/spurreiter/i18next-wc

[mauriciolanda4]

once implementation of i18n is done i am still open and available to translate app to spanish 😄 , awaiting response

[peterpeterparker]

@mauriciolanda4 well noted, super cool 👍

once we have fixed the prerendering issue #675, I should then be able to have a look to the translation :)

[mauriciolanda4]

Awesome, ty for the reply 😄