svelte-i18next

i18next를 위한 날씬한 래퍼를 선보입니다.
i18next를 기반으로 하는 이 라이브러리는 svelte 저장소 내부에 i18next 인스턴스를 래핑하고 svelte 구성 요소를 렌더링할 수 있도록 languageChanged , resource added 등과 같은 i18next 이벤트를 관찰합니다.

패키지:







svelte-i18next - npm



i18next용 Svelte 래퍼. 최신 버전: 1.2.0, 마지막 게시: 하루 전. `npm i svelte-i18next`를 실행하여 프로젝트에서 svelte-i18next 사용을 시작하십시오. svelte-i18next를 사용하는 npm 레지스트리에는 다른 프로젝트가 없습니다.



npmjs.com



깃허브:




니슈고엘 / svelte-i18next


svelte 프레임워크를 위한 국제화. i18next 생태계 기반





svelte-i18next






Svelte 래퍼i18next
npm i svelte-i18next i18next

구현


이 라이브러리는 관찰하기 위해 Svelte Store의 i18next 인스턴스를 래핑합니다i18next events.
예를 들어 Svelte 구성 요소가 다시 렌더링됩니다. 언어가 변경되거나 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

The implementation looks like this:
The package creates a Svelte writable of i18next and listens to the events triggered by any updates on the i18next instance.
For example, if an application loads a new namespace for their translations, the svelte_i18next package will trigger the
i18next.on(‘loaded’, function(loaded) {}) event.
Check the i18next events here.

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);


App.svelte

<script>
  import i18n from './i18n.js';
</script>

<div>
    {$i18n.t('key')}}
</div>


여기에서 사용 예를 참조하십시오. Svelte example
i18next를 사용하는 것처럼 네임스페이스를 사용할 수도 있으며 svelte 래퍼는 제공된 네임스페이스를 기반으로 번역을 다시 렌더링합니다.

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>


호리호리하게? 현지화를 다루고 있습니까?

좋은 웹페이지 즐겨찾기