svelte-i18next
Présentation de l'emballage svelte pour i18next.
Cette bibliothèque, basée sur i18next, encapsule une instance i18next dans un magasin svelte et observe les événements i18next comme languageChanged, ressource ajoutée, etc. pour pouvoir restituer nos composants svelte.
Forfait:-
GitHub :-
La mise en œuvre ressemble à ceci :
Le package crée un Svelte inscriptible de i18next et écoute les événements déclenchés par toute mise à jour sur l'instance i18next.
Par exemple, si une application charge un nouvel espace de noms pour ses traductions, le package svelte_i18next déclenchera l' i18next.on(‘loaded’, function(loaded) {})événement.
Consultez les événements i18next ici.
Usage:
i18n.js
import i18next from "i18next";
import { createI18nStore } from "svelte-i18next";
i18next.init({
lng: 'en',
resources: {
en: {
translation: {
"key": "hello world"
}
}
}
});
export const i18n = createI18nStore(i18next);
<script>
import i18n from './i18n.js';
</script>
<div>
{$i18n.t('key')}}
</div>
Vous pouvez également utiliser des espaces de noms comme vous le feriez avec i18next et le wrapper svelte restituera les traductions en fonction de l'espace de noms fourni.
import { createI18nStore } from 'svelte-i18next'
const i18n = createI18nStore(i18n_instance)
i18n.loadNamespaces(['example']) // this triggers the re-render and loads translations from the provided namespace.
<div>
{$i18n.t(key)}
</div>
Montrez un peu d'amour @ svelte-i18next ❤
Suggested posts
Mes ressources de codage les plus utilisées
Cette semaine, j'ai reçu un e-mail d'un membre de la liste de diffusion quotidienne. Ils voulaient savoir : Quelles ressources consultez-vous quotidiennement, hebdomadairement et mensuellement ? Grande question ! Je suis heureux d'essayer de partager quelques idées sur mon flux de travail et les principales ressources que j'utilise.
Série de bibliothèques Lit — 1 : Une plongée en profondeur dans la bibliothèque lit-html
Le but de cette série de blogs est d'approfondir la bibliothèque Lit et d'acquérir une compréhension complète de ses caractéristiques uniques et de la manière dont elle se distingue des autres bibliothèques et frameworks du marché. La série est divisée en trois parties, couvrant des sujets tels que 1.
Related posts
Financement de l'élimination du carbone au cours de l'exercice 24
La répartition des demandes de crédits de Carbon180 selon les filières
Par Alyson Lee, conseillère en gestion des affaires gouvernementales Le processus annuel d'affectation des crédits du gouvernement fédéral est au cœur de nos efforts pour financer l'élimination du dioxyde de carbone (CDR). Chaque année, Carbon180 soumet des demandes à divers bureaux du Congrès pour aider à orienter les flux de dollars de l'année prochaine.
La persécution des chrétiens : le crime de haine dont nous ne parlons pas
Oubliez l'islamophobie : les chrétiens (et les juifs) sont les principales victimes des crimes de haine religieuse.
Tout esprit rationnel sait que les milieux politiques et médiatiques sont dominés par la gauche, voire l'extrême gauche, un état de fait qui crée un déséquilibre dans le discours politique. Dans le domaine religieux, ce déséquilibre est bien visible : les journaux et les réseaux de gauche ne se précipitent pas pour défendre la foi chrétienne.