跳到主要内容

国际化

Titian 组件库采用中文作为默认语言,同时支持多语言切换,如果需要使用其他语言,可以参考下面的方案。

使用方法

因为多语言是放在 Titian 基础库内,所以需要先安装 @titian-design/h5

npm install @titian-design/h5

组件库提供了一个 TiConfigProvider 组件用于全局配置国际化文案。

<template>
<TiConfigProvider :locale="locale">
<App />
</TiConfigProvider>
</template>
<script setup lang="ts">
import { TiConfigProvider, useLocale } from 'titan-h5-vue';
import enUS from 'titan-h5/locale/en_US';

const locale = useLocale(enUS)
</script>

注意:en_US 是文件名,以下表格也遵循同样的规则。

目前支持以下语言:

语言文件名
英语en_GB
英语(美式)en_US
中文zh_CN