国际化

Vack 基于 vue-i18n 实现国际化。

定义

每种语言在 src/locales 目录下创建一个相应的目录，以语言名称作为目录的名称。 语言目录下可以创建任意数量的 json 文件，这些文件将会被自动引入。

目录结构：

src
└─ locales
   ├─ en-US
   │  ├─ login.json
   │  └─ abount-me.json
   └─ zh-CN
      ├─ login.json
      └─ abount-me.json

使用

<template>
  <span>{{ login.xxx }}</span>
  <span>{{ abountMe.xxx }}</span>
</template>

import useI18n from 'vue-i18n'

const i18n = useI18n()
console.log(i18n.t('login.xxx'))
console.log(i18n.t('abountMe.xxx'))

切换语言

import { translateLang } from '@/locales'

translateLang('zh-CN')
translateLang('en-US')

使用环境变量 VITE_LOCALE_DEFAULT 可以配置默认使用的语言