Nuxt3 引入插件的 (ant-design-vue ui) 的 最新方式

nuxt3 正式版发布了 更新一些老项目升级遇到的差异

注意
Nuxt3 中不需要再引入vue 或者 显示的引入 @nuxtjs/composition-api 了
Antdui 最新版 4.0.0-alpha.3 以上 不需要再引入 dist/antd.css 了

1. 创建pages/antd-ui.js （或ts），

/* 
 * @Date: 2023-04-17 00:39:43 
 * @LastEditTime: 2023-04-17 01:39:41
 * @FilePath: \tools-nuxt3\plugins\antd-ui.ts
 * @Description:引入antd ui
 */
import Antd from 'ant-design-vue'
// import 'ant-design-vue/dist/antd.css'; //新版 不需要引入css 由js生成
export default defineNuxtPlugin((nuxtApp) => {
  nuxtApp.vueApp.use(Antd)
})

2. nuxt.config 中引入

export default defineNuxtConfig({
  plugins: ['~/plugins/antd-ui.ts'],
})