ince-i18sonraki

i18next için zarif sarmalayıcıyı sunuyoruz.

i18next'i temel alan bu kitaplık, bir i18next örneğini bir svelte deposunun içine sarar ve svelte bileşenlerimizi işleyebilmek için dilChanged, kaynak eklendi, vb. gibi i18next olaylarını gözlemler.

paket:-

GitHub:-

Uygulama şöyle görünür:

Paket, i18next için yazılabilir bir Svelte oluşturur ve i18next eşgörünümündeki herhangi bir güncelleme tarafından tetiklenen olayları dinler.
Örneğin, bir uygulama çevirileri için yeni bir ad alanı yüklerse svelte_i18next paketi
i18next.on(‘loaded’, function(loaded) {})olayı tetikler.

i18sonraki etkinlikleri buradan kontrol edin .

kullanım:

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>

Ad alanlarını i18next'i kullandığınız gibi de kullanabilirsiniz ve svelte sarıcı, sağlanan ad alanına göre çevirileri yeniden oluşturur.

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>

Biraz sevgi göster @svelte-i18next ❤