UniApp 实现应用名称的中英文切换

UniApp 是一款基于 Vue.js 开发的跨平台框架，它允许开发者编写一次代码，构建可以在多个平台上运行的应用，包括 Android、iOS 和 Web。对于实现应用名称的中英文切换， UniApp 提供了本地化（Internationalization, i18n）功能。你可以通过以下步骤来设置：

1. **配置文件**: 在项目的 `uni.json` 或者每个页面的 `.vue` 文件的 `<template>` 标签外，添加国际化配置，例如：

{
  "i18n": {
    "locale": "zh-Hans", // 默认语言为中国简体中文
    "locales": [
      { "code": "zh-Hans", "name": "简体中文" },
      { "code": "en-US", "name": "English" } // 其他语言配置
    ]
  }
}

2. **变量引用**: 使用 `_${key}` 的形式引用国际化字符串，比如 `appTitle` 变量：

<template>
  <view>
    <text v-text="_${'appTitle'}"></text>
  </view>
</template>

<script setup>
import { t } from 'uni-app-i18n';
const appTitle = t('appTitle');
</script>

3. **动态切换**: 在需要切换语言的地方，可以改变当前的语言环境：

import store from '@/store';

store.commit('setLocale', 'en-US'); // 设置英语

然后在 Vuex 中设置切换语言的 mutation：

mutations: {
  setLocale(state, locale) {
    state.locale = locale;
    uni.i18n.setLocale(locale);
  }
}