unplugin-vue-components

import { defineConfig } from 'vite'; import vue from '@vitejs/plugin-vue'; import Components from 'unplugin-vue-components/vite'; import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'; export default defineConfig({ plugins: [ vue(), Components({ // Specify a path to automatically scan components (e.g., your local `src/components` folder) dirs: ['src/components'], // Automatically register components from popular UI libraries using resolvers resolvers: [ ElementPlusResolver(), // Example: auto-import Element Plus components // Add other resolvers as needed, e.g., AntDesignVueResolver(), VantResolver(), etc. ], // Generate `components.d.ts` global type declarations for TypeScript support dts: true, // Allow use of `defineOptions` and `defineModels` within components (Vue 3.3+) allowAsProps: true, // Custom transformers (e.g., for custom directives or specific component patterns) transformers: [], // Filter for files that should be processed by the plugin include: [/\.vue$/, /\u005c.vue\u005c?vue/], // Exclude files/directories to avoid processing (e.g., node_modules, build outputs) exclude: [/[\\/]node_modules[\\/]/, /[\\/]\u005c.git[\\/]/, /[\\/]\u005c.nuxt[\\/]/] }) ] });