feat: 新增多语言基础配置

[hgraceb]

1. 示例代码

<template>
  <el-button :title="$t('example.placeholder', ['title'])" @click="toggleLanguage">
    {{ $t('example.placeholder', ['template']) }}
  </el-button>
</template>

<script setup lang='ts'>
import i18n from '@/i18n'
import { useI18n } from 'vue-i18n'
import { ElMessage } from 'element-plus'
import { en } from '@/i18n/locales/en'
import { zhCn } from '@/i18n/locales/zh-cn'
import { zhTw } from '@/i18n/locales/zh-tw'

const { t } = useI18n()

const toggleLanguage = () => {
  switch (i18n.global.locale.value) {
    case zhCn.local:
      i18n.global.locale.value = zhTw.local
      break
    case zhTw.local:
      i18n.global.locale.value = en.local
      break
    default:
      i18n.global.locale.value = zhCn.local
      break
  }
  ElMessage.info(`${t('example.placeholder', [i18n.global.locale.value])}`)
}
</script>

2. 编写时可以根据需求决定是否安装额外的插件 https://vue-i18n.intlify.dev/ecosystem/tools.html 进行多语言代码索引提示，不过好像都不是很好用的样子