Skip to content

框架插件

@tc-i18n 提供一系列的插件,用于支持不同的框架,并提供 $t 函数能力。

@tc-i18n/vue2

Vue2框架插件

js
import tci18nVue from '@tc-i18n/vue2';

Vue.use(tci18nVue, options)

@tc-i18n/vue3

Vue3框架插件

js
import { createApp } from 'vue';
import tci18nVue from '@tc-i18n/vue3';

const app = createApp();
app.use(tci18nVue, options);

@tc-i18n/react

React框架插件

js
import tci18nReact from '@tc-i18n/react';

tci18nReact(options)

options参数

所有的插件参数都包含两个字段

  • locale: 当前语种key, 当前系统显示的语言。
  • langs: 语料资源,当前系统所有翻译后的语料资源。
ts
type LOCALE_ENUM = 'zh-cn' | 'en-us' | ...;

interface Options {
    locale: LOCALE_ENUM;
    langs: {
        LOCALE_ENUM: {
            [key: string]: string;
        };
    };
};

所有语种key

zh-cn(简体中文)
zh-tw(繁体中文(中国台湾))
zh-hk(繁体中文)
en-us(英语)
en-gb(英语(英国))
en-ca(英语(加拿大))
en-in(英语(印度))
en-my(英语(马来西亚))
en-nz(英语(新西兰))
en-au(英语(澳大利亚))
en-sg(英语(新加坡))
en-ph(英语(菲律宾))
en-hk(英语(中国香港))
ko-kr(韩文)
ja-jp(日语)
fr-fr(法语)
th-th(泰文)
es-es(西班牙语)
ru-ru(俄语)
po-pt(葡萄牙语)
pt-pt(葡萄牙语(葡萄牙))
ge-de(德语)
de-de(德语(德国))
de-at(德语(奥地利))
de-ch(德语(瑞士))
it-it(意大利语)
vi-vi(越南语)
gr-el(希腊语)
ar-ar(阿拉伯语)
ho-nl(荷兰语)
sw-sv(瑞典语)
po-pl(波兰语)
in-id(印尼语)
ms-my(马来语)