support i18n

[tevel]

it seems like svelte does not support i18n...

I mean possibility to add language files and easily translate string in templates as well as in javascript code. e.t.c: this.$t('home.wellcome') will be translated to 'Welcome guest' from file /lang/en-US.json.

Is support of i18n planned?

[Conduitry]

Have you looked at Svelte's built-in Store? It seems like that could be used pretty well to grab strings from json files and to make them available to all components.

[tevel]

yes, I did, this can be a solution.

but I'm using not just Svelte but also Sapper and I seems to be tricky to implement it correctly both for server and client side.
It would be great to get full well-done solution sometime...

[tevel]

I tried to create my own store:

class MyStore extends Store ...

added to client:

init(
    document.querySelector('#sapper'),
    routes,
    {
        store: data => {
            return new MyStore(data);
        }
    });

but I got:

client.js:11 Uncaught TypeError: my_store__WEBPACK_IMPORTED_MODULE_2_.MyStore is not a constructor at Object.store (client.js:11)

it can't instantiate my class
B.T.W for the standart store it works...

[tevel]

I'm sorry, I forgot to add
export { MyStore };

[tevel]

finally solution with Store works fine

but in this case Store is not POJO anymore

it causes problem with transferring state from server to client in Sapper
as described here: sveltejs/sapper#230

[stalkerg]

I have special function _ in store for this case, and it works very fine.

[laurentpayot]

Did you try https://github.com/kaisermann/svelte-i18n ?

[andymans]

@Rich-Harris had an extensive thread on this some months back, incl on his Twitter feed, I remember correctly. Not sure what the outcome was; but rolling your own is very easy and svelte provides all the programming concepts you'd need in order to do so without adding much to your bundle-size.

[korywka]

@Conduitry what type of help is wanted?

[ecstrema]

here's another translation lib that works with sveltekit: https://www.npmjs.com/package/s20n. (sorry for the self promotion, but that's what issues are for I guess...)

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.