vue-i18n如何在ts里面引入

Vue-i18n是一个用于Vue.js应用程序国际化支持的插件，它允许你在JavaScript或TypeScript项目中轻松管理应用的语言切换。要在TypeScript项目中引入vue-i18n，你需要做以下几个步骤：

1. 安装依赖：首先通过npm或yarn安装`@vuejs/composition-api`（如果你使用Composition API）以及`vue-i18n`。对于Composition API，可以这样安装：

   npm install @vue/composition-api vue-i18n

2. 引入库：在你的主入口文件（通常是main.ts或app.tsx）中导入所需的模块，并在Vue实例创建时配置i18n：

   import { createApp } from '@vue/composition-api';
   import VueI18n from 'vue-i18n';
   
   const i18n = new VueI18n({
     // 配置选项...
   });
   
   createApp(App).use(VueI18n, i18n).mount('#app');

3. 使用插件：在你的组件中，你可以像下面这样注入并使用`$t`函数来翻译文本：

   import { ref } from '@vue/composition-api';

   export default {
     setup() {
       const locale = ref('en'); // 存储当前语言
       
       function changeLanguage(newLocale) {
         i18n.locale = newLocale; // 设置语言
       }
       
       return {
         locale,
         changeLanguage,
       };
     },
     template: `
       <button @click="changeLanguage('zh-cn')">切换到中文</button>
       <p>{{ $t('greeting', { name: 'John' }) }}</p> // {{ "Hello John!" }}
     `,
   };