国际化
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 |