vue3+ts项目点击切换中英文全局

好的，我可以为你解答这个问题。你可以使用 Vue-i18n 库来实现在 Vue3 TypeScript 项目中的中英文切换。下面是基本步骤：

1. 首先安装 Vue-i18n 库：

npm install vue-i18n

2. 在 `main.ts` 中引入并配置 Vue-i18n：

import { createApp } from 'vue'
import App from './App.vue'
import { createI18n } from 'vue-i18n'

const messages = {
  en: {
    message: {
      hello: 'Hello, World!'
    }
  },
  zh: {
    message: {
      hello: '你好，世界！'
    }
  }
}

const i18n = createI18n({
  locale: 'zh', // 默认语言
  messages
})

const app = createApp(App)
app.use(i18n)
app.mount('#app')

3. 在组件中使用 `$t` 方法来访问翻译内容：

<template>
  <div>{{ $t('message.hello') }}</div>
  <button @click="switchLang">切换语言</button>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
import { useI18n } from 'vue-i18n'

export default defineComponent({
  name: 'HelloWorld',
  setup() {
    const { t, locale, setLocale } = useI18n()

    const switchLang = () => {
      const newLocale = locale.value === 'en' ? 'zh' : 'en'
      setLocale(newLocale)
    }

    return { t, switchLang }
  }
})
</script>

这样，当用户点击按钮时，就会切换语言。注意，需要在组件中引入 `useI18n` 钩子来访问 Vue-i18n 实例中的方法。