nuxt3使用element-plus

Nuxt.js 3 是一个用于构建 Vue.js 应用的现代化框架，而 Element Plus 是基于 Element UI 的官方升级版本，提供了更多的可定制性和易用性。要在 Nuxt 3 中使用 Element Plus，你需要按照以下步骤进行：

1. 安装依赖：
- 首先，确保已安装 Node.js 和 npm 或 yarn。然后，在项目根目录运行：

   npm install @nuxtjs/composition-api --save
   npm install element-plus --save

或者使用 yarn：

   yarn add @nuxtjs/composition-api
   yarn add element-plus

2. 配置：
- 在 `nuxt.config.js` 文件中，引入 Element Plus 的全局样式和组件库：

   import { createApp } from 'vue'
   import ElementPlus from 'element-plus'
   import '@element-plus/css/index.css'

   // 添加Element Plus到Vue的全局注册
   createApp(Vue).use(ElementPlus)

3. 使用组件：
- 在你的 `.vue` 文件或 layouts 中，可以直接使用 Element Plus 的组件，例如 `<el-button>`、`<el-input>` 等。只需像这样导入和使用它们：

   <template>
     <div>
       <el-button type="primary">点击我</el-button>
     </div>
   </template>

4. 遵循文档：
- 记住查阅 Element Plus 的官方文档（https://element-plus.vuejs.org/），了解各个组件的使用方法和配置选项。