feat(i18n): WIP YAML support

[Zyles]

WIP YAML support, using server side translation.

Related: #103

[bolt-new-by-stackblitz]

Run & review this pull request in StackBlitz Codeflow.

[Zyles]

I split the loading of translations if you wanted to keep your old functionality. Maybe you can use globby to get the JSON files too and merge it into one function.

Or you can go through the files without globby if you prefer. Either way works I guess. To be tested for performance diff.

[s00d]

Besides integrating locale retrieval, we also need to update the dev tools, write tests, and add information to the documentation.

Regarding the implementation, I don’t really like that we essentially have two identical methods, loadTranslations and loadYamlTranslations—they are 90% the same. I also have some doubts about using globby. Why scan the folder if we can construct the full path directly? Additionally, I’m not entirely sure how this will work in layers, so there are still a lot of open questions.

[Zyles]

You are right, I just made it two functions for a proof of concept.

Check this new update. I merged the loading and removed globby.

[s00d]

Looks good, a separate function should slightly simplify code maintenance.

[Zyles]

What else do you need to merge this?

[s00d]

dev tools and write tests

[Zyles]

What kind of dev tools?

[s00d]

https://github.com/s00d/nuxt-i18n-micro/tree/main/client

https://s00d.github.io/nuxt-i18n-micro/guide/devtools

If you are adding support for a new format, it also requires integration with my module for the dev tool.

[Zyles]

Okay and how do you access this?

I have devtools: { enabled: true } in nuxt config but it's not in my devtools.

[s00d]

Press the three dots at the bottom.

[Zyles]

Okay got it. But this isn't showing any of the translations in the JSON editor (without my changes):

en.json is also empty, on latest version.

[s00d]

Okay got it. But this isn't showing any of the translations in the JSON editor (without my changes):

en.json is also empty, on latest version.

That’s normal—this is a visual editor for the file. If your file is empty, the editor will be empty as well. Choose a file that has translations in it.