svelte-i18next

Trình bày trình bao bọc mảnh dẻ cho i18next.

Thư viện này, dựa trên i18next, bao bọc một phiên bản i18next bên trong một cửa hàng mảnh dẻ và quan sát các sự kiện i18next như languageChanged, resource added, v.v. để có thể kết xuất các thành phần mảnh dẻ của chúng ta.

Bưu kiện:-

GitHub: -

Việc thực hiện trông như thế này:

Gói này tạo một bản ghi Svelte của i18next và lắng nghe các sự kiện được kích hoạt bởi bất kỳ bản cập nhật nào trên phiên bản i18next.
Ví dụ: nếu một ứng dụng tải một không gian tên mới cho bản dịch của họ, thì gói svelte_i18next sẽ kích hoạt
i18next.on(‘loaded’, function(loaded) {})sự kiện.

Kiểm tra các sự kiện i18next tại đây.

Cách sử dụng:

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>

Bạn cũng có thể sử dụng các không gian tên như khi sử dụng i18next và trình bao bọc mảnh dẻ sẽ kết xuất lại các bản dịch dựa trên không gian tên được cung cấp.

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>

Thể hiện tình yêu đi @svelte-i18next ❤