Nuxt3中添加使用ant Design Vue组件库的步骤

最近在尝试使用nuxt, 创建了一个小项目, 组件库想用ant-design-vue, 但是找了一圈也没有找到nuxt中添加ant-design-vue组件库的方法,最后还是看其他组件库的添加步骤摸索出来的.

在plugins目录下创建ant-design-vue.js文件,文件内容:

// 1. 引入组件
import Antd from 'ant-design-vue';
// 2. 引入组件样式
import 'ant-design-vue/dist/reset.css';
// 3. 注册
export default defineNuxtPlugin((nuxtApp) => {
    nuxtApp.vueApp.use(Antd);
});

nuxt会自动注册plugins目录下的所有插件,所以不需要往nuxt.config.ts中添加这些.