Information

Use this if you use Element Plus for nuxt3

Config

1import { defineNuxtConfig } from 'nuxt3'
2
3// https://v3.nuxtjs.org/docs/directory-structure/nuxt.config
4export default defineNuxtConfig({
5    buildModules: [
6        '@nuxtjs/element-plus',
7    ],
8    element: {
9        mode: 'vite', // 'vite' or 'webpack'
10        components: false,
11        autoimport: false
12    }
13})

Components/AutoImport Options

1{
2    /**
3     * import style css or sass with components
4     *
5     * @default 'css'
6     */
7    importStyle?: boolean | "css" | "sass";
8
9    /**
10     * use commonjs lib & source css or scss for ssr
11     */
12    ssr?: boolean;
13
14    /**
15     * specify element-plus version to load style
16     *
17     * @default installed version
18     */
19    version?: string;
20
21    /**
22     * auto import for directives
23     *
24     * @default true
25     */
26    directives?: boolean;
27
28    /**
29     * exclude component name, if match do not resolve the name
30     */
31    exclude?: RegExp;
32}

Depenencies Needed:

• unplugin-auto-import
• unplugin-vue-components
• element-plus
• @nuxt/kit