svelte-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 래퍼i18nextnpm 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);
npm i svelte-i18next 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>
호리호리하게? 현지화를 다루고 있습니까?
❤
Reference
이 문제에 관하여(svelte-i18next), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/nishugoel/svelte-i18next-1108텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)