国际化

项目使用 vue-i18n 作为国际化插件。开箱即用的构建优化处理，让你在构建国际化语言包时，最大程度的减少体积。

i18n-ally 插件

安装该插件后，会自动的扫描项目的语言包，并且在现实的时候查看对应的语言。并且还可以直接点击跳转到对应的语言路径位置。具体安装方法，这里不做赘述。

配置默认语言

配置 SYSTEM_DEFAULT_LOCAL 即可。

获取系统当前语言

import { getAppDefaultLanguage } from '@/locales/utils'

const local = getAppDefaultLanguage()

语言切换

// 导入方法
import { useI18n } from '@/locales/useI18n'

// 解构获取修改语言方法
const { locale } = useI18n()

// 修改语言
locale(key)

语言新增

假设添加繁体（zh-TW）

步骤

• src/locales/lang 文件下创建对应新语言包文件夹与语言文件
  • zh-TW 文件夹
  • zh-TW.ts 文件
• 创建与原有语言格式一样的文件夹（可以直接 cv 过去）
• 配置语言下拉项（LOCAL_OPTIONS）
• 配置 dayjs 国际化映射（DAYJS_LOCAL_MAP）

经过上面的步骤，就已经完成一个新的语言包添加。请注意的是，建议采用国际主流的语言命名方式。