svelte-i18next

पेश है i18next के लिए सॉल्वेट रैपर।

यह लाइब्रेरी, i18next पर आधारित, एक i18next उदाहरण को एक svelte स्टोर के अंदर लपेटती है और i18next इवेंट्स जैसे languageChanged, रिसोर्स एडेड इत्यादि को देखती है ताकि हमारे svelte कंपोनेंट्स को रेंडर करने में सक्षम हो सकें।

पैकेट:-

गिटहब:-

कार्यान्वयन इस तरह दिखता है:

पैकेज i18next का एक Svelte लिखने योग्य बनाता है और i18next उदाहरण पर किसी भी अपडेट द्वारा ट्रिगर की गई घटनाओं को सुनता है।
उदाहरण के लिए, यदि कोई एप्लिकेशन उनके अनुवाद के लिए एक नया नामस्थान लोड करता है, तो svelte_i18next पैकेज
i18next.on(‘loaded’, function(loaded) {})ईवेंट को ट्रिगर करेगा।

i18next ईवेंट यहां देखें ।

उपयोग:

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>

आप i18next की तरह ही नेमस्पेस का भी इस्तेमाल कर सकते हैं और svelte wrapper प्रदान किए गए नेमस्पेस के आधार पर अनुवाद को फिर से प्रस्तुत करेगा।

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>

थोड़ा प्यार दिखाइए @svelte-i18next ❤