Svelte wrapper for i18next
npm i svelte-i18next i18next
This library wraps an i18next instance in a Svelte Store to observe i18next events so your Svelte components re-render e.g. when language is changed or a new resource is loaded by i18next.
i18n.js:
import i18next from "i18next";
import { createI18nStore } from "svelte-i18next";
i18next.init({
lng: 'en',
resources: {
en: {
translation: {
"key": "hello world"
}
}
},
interpolation: {
escapeValue: false, // not needed for svelte as it escapes by default
}
});
export const i18n = createI18nStore(i18next);App.svelte:
<script>
import i18n from './i18n.js';
</script>
<div>
{$i18n.t('key')}
</div>See full example project: Svelte example
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent