Clears data from local storage after page refresh about i18n

[ai]

Thanks for very well-formed issue report.

The quick fix is to move i18n() functions out from React component:

let messages = i18n("hello", {
  helloWorld: "Hello World"
});

export default () => {
  const t = useStore(messages);

We can detect when component was defined with the same name and print a warning to avoid these mistakes in the future. What do you think?

[azat-io]

Thanks for the answer!

Also I need to know which language was selected on app first render. I'm creating persistentAtom store which default value is undefined and put it as localeSettings to my createI18n() function. Is there any way to update atom store from localeSettings here?

[ai]

Is there any way to update atom store from localeSettings here?

I recommend to set localeSettings store only when user manually changed locale.

The reason is in this use case:

1. User with Russian browser visited webapp
2. Webapp have only Wnglish and French locales
3. browser locale auto-detect store decided to use English locale.
4. A few months later, webapp get Russian translation
5. Old users will not see new Russian translation because after first visit English locale was written in localStorage

Also I need to know which language was selected on app first render

Can you use locale store (created by localeFrom)? This store was created to be the single source of truth of current locale.

[azat-io]

I recommend to set localeSettings store only when user manually changed locale.

Agree with you, thanks!

And the last question: it looks like there is a problem with deleting language data from storage after opening the site in the second browser tab

[ai]

I added check to prevent multiple definitions 0344aa4

it looks like there is a problem with deleting language data from storage after opening the site in the second browser tab

Very strange. Can you repeat the issue with another @nanostores/persistance store outside of I18n?

[azat-io]

Very strange. Can you repeat the issue with another @nanostores/persistance store outside of I18n?

I have updated my test web page. Looks like this is a problem with @nanostores/persistent package. Sorry.

[ai]

Can you open another issue there to track them separately?

[azat-io]

nanostores/persistent#14