vue3+ts引入vue-meta，在main.ts中爆粗

在 Vue3 中使用 TypeScript，引入第三方库需要满足以下两个条件：

1. 该库需要提供 TypeScript 类型声明，一般是 `.d.ts` 文件。
2. 在使用该库时，需要将类型声明文件引入到 TypeScript 的编译环境中。

对于 `vue-meta` 库来说，它已经提供了 TypeScript 类型声明文件，我们只需要在项目中安装 `@types/vue-meta` 类型声明库即可。

安装命令如下：

npm install @types/vue-meta --save-dev

或

yarn add @types/vue-meta --dev

然后在 `main.ts` 中引入 `vue-meta` 并使用即可：

import { createApp } from 'vue';
import App from './App.vue';
import { createMetaManager } from 'vue-meta';
import router from './router';

const app = createApp(App);
const metaManager = createMetaManager();

app.use(router);
app.use(metaManager);

app.mount('#app');

如果在引入 `vue-meta` 时出现了类型错误，可以尝试手动指定 `vue-meta` 的类型声明文件，例如：

import { createMetaManager } from 'vue-meta';
import { MetaInfo } from 'vue-meta/types';

const metaManager = createMetaManager() as MetaInfo;

这样就可以避免类型错误了。同时，如果你使用的是 VS Code 等编辑器，也可以通过编辑器提供的自动补全功能来查看 `vue-meta` 的 API 和类型。