Nuxt3中按需引入ant-design-vue ， NaiveUI 和按需导入 Element Plus

Nutx3上实现的组件自动引入功能已独立出插件了，适配了几乎所有场景。比如unplugin-vue-components实现全自动按需映入UI组件库，unplugin-auto-import实现全自动引入函数库,已扩展至Vite、Rollup、Nuxt、Webpack、Vue Cli、Quasar、Esbuild； Nuxt3采用了新的模块化架构。具体来说，Nuxt 3 采用了“模块”的概念，允许开发者轻松地添加、删除和配置功能模块，因此在 Nuxt 3 中使用 Ant Design/Element Plus 需要安装相应的模块。

1. 在 Nuxt3 中按需导入 Element Plus

Element Plus现在提供一个Nuxt模块用于在Nuxt3按需导入组件/指令/样式/图标/函数； 实现步骤如下：

1. 安装element-plus/nuxt

2. 在Nuxt的配置文件中增加配置

3. 使用 在项目中直接使用组件，指令，图标，方法，函数等

2.在 Nuxt3 中按需导入 ant-design-vue

1.安装@ant-design-vue/nuxt
npm add -D @ant-design-vue/nuxt

2.添加@ant-design-vue/nuxt到modules以下部分nuxt.config.ts

3.使用
在项目中直接使用组件，指令，图标，方法，函数等

3.在 Nuxt3 中按需导入NaiveUI

1.安装 npm i naive-ui
2.npm i unplugin-vue-components
3.项目根目录下新建一个plugins目录，在目录下新建naive-ui.ts，将以下代码复制到naive-ui.ts中

4.如果以上代码中process报错，执行下方命令
npm add @types/node
5.将以下代码复制到项目根目录下的nuxt.config.ts中

6.使用
在项目中直接使用组件，指令，图标，方法，函数等