.tazerc.json

@@ -0,0 +1,5 @@
+{
+  "packageMode": {
+    "vue": "minor"
+  }
+}

README.md

@@ -163,6 +163,8 @@ export default {
 }
 </script>
 ```
+> **Note**
+> By default this plugin will import components in the `src/components` path. You can customize it using the `dirs` option.
 
 ## TypeScript
 
@@ -176,7 +178,7 @@ Components({
 
 Once the setup is done, a `components.d.ts` will be generated and updates automatically with the type definitions. Feel free to commit it into git or not as you want.
 
-> **Make sure you also add `components.d.ts` to your `tsconfig.json` under `includes`.**
+> **Make sure you also add `components.d.ts` to your `tsconfig.json` under `include`.**
 
 ## Importing from UI Libraries
 
@@ -186,21 +188,25 @@ Supported Resolvers:
 
 - [Ant Design Vue](https://github.com/antfu/unplugin-vue-components/blob/main/src/core/resolvers/antdv.ts)
 - [Arco Design Vue](https://github.com/antfu/unplugin-vue-components/blob/main/src/core/resolvers/arco.ts)
+- [BootstrapVue](https://github.com/antfu/unplugin-vue-components/blob/main/src/core/resolvers/bootstrap-vue.ts)
 - [Element Plus](https://github.com/antfu/unplugin-vue-components/blob/main/src/core/resolvers/element-plus.ts)
 - [Element UI](https://github.com/antfu/unplugin-vue-components/blob/main/src/core/resolvers/element-ui.ts)
 - [Headless UI](https://github.com/antfu/unplugin-vue-components/blob/main/src/core/resolvers/headless-ui.ts)
 - [IDux](https://github.com/antfu/unplugin-vue-components/blob/main/src/core/resolvers/idux.ts)
 - [Inkline](https://github.com/antfu/unplugin-vue-components/blob/main/src/core/resolvers/inkline.ts)
+- [Ionic](https://github.com/antfu/unplugin-vue-components/blob/main/src/core/resolvers/ionic.ts)
 - [Naive UI](https://github.com/antfu/unplugin-vue-components/blob/main/src/core/resolvers/naive-ui.ts)
 - [Prime Vue](https://github.com/antfu/unplugin-vue-components/blob/main/src/core/resolvers/prime-vue.ts)
+- [Quasar](https://github.com/antfu/unplugin-vue-components/blob/main/src/core/resolvers/quasar.ts)
+- [TDesign](https://github.com/antfu/unplugin-vue-components/blob/main/src/core/resolvers/tdesign.ts)
 - [Vant](https://github.com/antfu/unplugin-vue-components/blob/main/src/core/resolvers/vant.ts)
-- [VEUI](https://github.com/antfu/unplugin-vue-components/blob/main/src/core/resolvers/veui.ts)
 - [Varlet UI](https://github.com/antfu/unplugin-vue-components/blob/main/src/core/resolvers/varlet-ui.ts)
+- [VEUI](https://github.com/antfu/unplugin-vue-components/blob/main/src/core/resolvers/veui.ts)
 - [View UI](https://github.com/antfu/unplugin-vue-components/blob/main/src/core/resolvers/view-ui.ts)
 - [Vuetify](https://github.com/antfu/unplugin-vue-components/blob/main/src/core/resolvers/vuetify.ts)
 - [VueUse Components](https://github.com/antfu/unplugin-vue-components/blob/main/src/core/resolvers/vueuse.ts)
-- [Quasar](https://github.com/antfu/unplugin-vue-components/blob/main/src/core/resolvers/quasar.ts)
-- [TDesign](https://github.com/antfu/unplugin-vue-components/blob/main/src/core/resolvers/tdesign.ts)
+- [VueUse Directives](https://github.com/antfu/unplugin-vue-components/blob/main/src/core/resolvers/vueuse-directive.ts)
+- [Dev UI](https://github.com/antfu/unplugin-vue-components/blob/main/src/core/resolvers/devui.ts)
 
 ```ts
 // vite.config.js
@@ -278,7 +284,7 @@ Components({
 }
 ```
 
-`vite.config.json`
+`vite.config.js`
 
 ```diff
 - import Components, { ElementPlusResolver } from 'vite-plugin-components'
@@ -339,7 +345,7 @@ Components({
   // auto import for directives
   // default: `true` for Vue 3, `false` for Vue 2
   // Babel is needed to do the transformation for Vue 2, it's disabled by default for performance concerns.
-  // To install Babel, run: `npm install -D @babel/parser @babel/traverse`
+  // To install Babel, run: `npm install -D @babel/parser`
   directives: true,
 
   // Transform path before resolving
@@ -351,6 +357,10 @@ Components({
   // filters for transforming targets
   include: [/\.vue$/, /\.vue\?vue/],
   exclude: [/[\\/]node_modules[\\/]/, /[\\/]\.git[\\/]/, /[\\/]\.nuxt[\\/]/],
+
+  // Vue version of project. It will detect automatically if not specified.
+  // Acceptable value: 2 | 2.7 | 3
+  version: 2.7
 })
 ```
 

examples/vite-vue2/package.json

@@ -5,13 +5,12 @@
     "dev": "cross-env DEBUG=unplugin-vue-components:* vite"
   },
   "dependencies": {
-    "vue": "^3.2.37",
-    "vue-template-compiler": "^2.6.14"
+    "vue": "^2.7.8"
   },
   "devDependencies": {
+    "@vitejs/plugin-vue2": "^2.0.1",
     "cross-env": "^7.0.3",
     "unplugin-vue-components": "workspace:*",
-    "vite": "^2.9.12",
-    "vite-plugin-vue2": "^2.0.1"
+    "vite": "^3.2.4"
   }
 }

examples/vite-vue2/vite.config.ts

@@ -1,11 +1,12 @@
 import type { UserConfig } from 'vite'
-import { createVuePlugin } from 'vite-plugin-vue2'
+import Vue from '@vitejs/plugin-vue2'
 import Components from 'unplugin-vue-components/vite'
 
 const config: UserConfig = {
   plugins: [
-    createVuePlugin(),
+    Vue(),
     Components({
+      transformer: 'vue2',
       dts: 'src/components.d.ts',
     }),
   ],

examples/vite-vue3/components.d.ts

@@ -1,11 +1,15 @@
 // generated by unplugin-vue-components
 // We suggest you to commit this file into source control
-// Read more: https://github.com/vuejs/vue-next/pull/3399
+// Read more: https://github.com/vuejs/core/pull/3399
+import '@vue/runtime-core'
+
+export {}
 
 declare module '@vue/runtime-core' {
   export interface GlobalComponents {
     Avatar: typeof import('./src/components/global/avatar.vue')['default']
     Book: typeof import('./src/components/book/index.vue')['default']
+    CollapseCollapseFolderAndCollapseFolderAndComponentPrefixes: typeof import('./src/components/collapse/collapseFolderAnd/CollapseFolderAndComponentPrefixes.vue')['default']
     ComponentA: typeof import('./src/components/ComponentA.vue')['default']
     ComponentAsync: typeof import('./src/components/ComponentAsync.vue')['default']
     ComponentB: typeof import('./src/components/ComponentB.vue')['default']
@@ -18,7 +22,7 @@ declare module '@vue/runtime-core' {
     IRiApps2Line: typeof import('~icons/ri/apps2-line')['default']
     MarkdownA: typeof import('./src/components/MarkdownA.md')['default']
     MarkdownB: typeof import('./src/components/MarkdownB.md')['default']
-    MyCustom: typeof import('./../../../../../../src/CustomResolved.vue')['default']
+    MyCustom: typeof import('./src/CustomResolved.vue')['default']
     Recursive: typeof import('./src/components/Recursive.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
@@ -29,5 +33,3 @@ declare module '@vue/runtime-core' {
     VanRate: typeof import('vant/es')['Rate']
   }
 }
-
-export { }

examples/vite-vue3/package.json

@@ -7,20 +7,20 @@
     "build": "cross-env DEBUG=unplugin-vue-components:* vite build"
   },
   "dependencies": {
-    "vant": "^3.5.1"
+    "vant": "^3.6.5"
   },
   "devDependencies": {
-    "@iconify/json": "^2.1.62",
-    "@vitejs/plugin-vue": "^2.3.3",
-    "@vue/compiler-sfc": "^3.2.37",
+    "@iconify/json": "^2.1.141",
+    "@vitejs/plugin-vue": "^3.2.0",
+    "@vue/compiler-sfc": "^3.2.45",
     "cross-env": "^7.0.3",
     "has-pkg": "^0.0.1",
-    "typescript": "^4.7.3",
-    "unplugin-icons": "^0.14.3",
+    "typescript": "^4.9.3",
+    "unplugin-icons": "^0.14.13",
     "unplugin-vue-components": "workspace:*",
-    "vite": "^2.9.12",
-    "vite-plugin-inspect": "^0.5.0",
-    "vite-plugin-md": "^0.14.1",
-    "vue-router": "^4.0.16"
+    "vite": "^3.2.4",
+    "vite-plugin-inspect": "^0.7.9",
+    "vite-plugin-vue-markdown": "^0.22.1",
+    "vue-router": "^4.1.6"
   }
 }

examples/vite-vue3/vite.config.ts

@@ -3,7 +3,7 @@ import type { UserConfig } from 'vite'
 import Vue from '@vitejs/plugin-vue'
 import Components from 'unplugin-vue-components/vite'
 import { VantResolver } from 'unplugin-vue-components/resolvers'
-import Markdown from 'vite-plugin-md'
+import Markdown from 'vite-plugin-vue-markdown'
 import Icons from 'unplugin-icons/vite'
 import IconsResolver from 'unplugin-icons/resolver'
 import Inspect from 'vite-plugin-inspect'
@@ -30,7 +30,7 @@ const config: UserConfig = {
       resolvers: [
         (name) => {
           if (name === 'MyCustom')
-            return '/src/CustomResolved.vue'
+            return path.resolve(__dirname, 'src/CustomResolved.vue').replaceAll('\\', '/')
         },
         VantResolver(),
         IconsResolver({

examples/vue-cli-vue3/package.json

@@ -8,13 +8,13 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
-    "core-js": "^3.8.3",
-    "vue": "^3.2.13"
+    "core-js": "^3.26.1",
+    "vue": "^3.2.37"
   },
   "devDependencies": {
-    "@babel/core": "^7.12.16",
-    "@vue/cli-plugin-babel": "~5.0.0",
-    "@vue/cli-service": "~5.0.0",
+    "@babel/core": "^7.20.2",
+    "@vue/cli-plugin-babel": "~5.0.8",
+    "@vue/cli-service": "~5.0.8",
     "unplugin-vue-components": "workspace:*"
   },
   "browserslist": [

examples/vue-cli/package.json

@@ -7,17 +7,17 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
-    "@vue/composition-api": "^1.6.2",
-    "core-js": "^3.23.1",
+    "@vue/composition-api": "^1.7.1",
+    "core-js": "^3.26.1",
     "vue": "^3.2.37"
   },
   "devDependencies": {
-    "@vue/cli-plugin-babel": "^5.0.4",
-    "@vue/cli-plugin-typescript": "^5.0.4",
-    "@vue/cli-service": "^5.0.4",
-    "typescript": "^4.7.3",
-    "unplugin-icons": "^0.14.3",
+    "@vue/cli-plugin-babel": "^5.0.8",
+    "@vue/cli-plugin-typescript": "^5.0.8",
+    "@vue/cli-service": "^5.0.8",
+    "typescript": "^4.9.3",
+    "unplugin-icons": "^0.14.13",
     "unplugin-vue-components": "workspace:*",
-    "unplugin-vue2-script-setup": "^0.11.0"
+    "unplugin-vue2-script-setup": "^0.11.3"
   }
 }

package.json

@@ -1,7 +1,7 @@
 {
   "name": "unplugin-vue-components",
-  "version": "0.19.9",
-  "packageManager": "pnpm@7.1.5",
+  "version": "0.22.11",
+  "packageManager": "pnpm@7.13.4",
   "description": "Components auto importing for Vue",
   "author": "antfu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -70,56 +70,52 @@
     "example:dev": "npm -C examples/vite-vue3 run dev",
     "prepublishOnly": "npm run build",
     "lint": "eslint .",
-    "release": "bumpp --commit --tag --push",
+    "release": "bumpp && npm publish",
     "test": "vitest",
     "test:update": "vitest --u"
   },
   "peerDependencies": {
     "@babel/parser": "^7.15.8",
-    "@babel/traverse": "^7.15.4",
     "vue": "2 || 3"
   },
   "peerDependenciesMeta": {
     "@babel/parser": {
       "optional": true
-    },
-    "@babel/traverse": {
-      "optional": true
     }
   },
   "dependencies": {
-    "@antfu/utils": "^0.5.2",
-    "@rollup/pluginutils": "^4.2.1",
+    "@antfu/utils": "^0.7.0",
+    "@rollup/pluginutils": "^5.0.2",
     "chokidar": "^3.5.3",
     "debug": "^4.3.4",
-    "fast-glob": "^3.2.11",
-    "local-pkg": "^0.4.1",
-    "magic-string": "^0.26.2",
+    "fast-glob": "^3.2.12",
+    "local-pkg": "^0.4.2",
+    "magic-string": "^0.26.7",
     "minimatch": "^5.1.0",
-    "resolve": "^1.22.0",
-    "unplugin": "^0.7.0"
+    "resolve": "^1.22.1",
+    "unplugin": "^1.0.0"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^0.25.1",
-    "@babel/parser": "^7.18.5",
-    "@babel/traverse": "^7.18.5",
-    "@babel/types": "^7.18.4",
+    "@antfu/eslint-config": "^0.31.0",
+    "@babel/parser": "^7.20.3",
+    "@babel/types": "^7.20.2",
     "@types/debug": "^4.1.7",
-    "@types/minimatch": "^3.0.5",
-    "@types/node": "^18.0.0",
+    "@types/minimatch": "^5.1.2",
+    "@types/node": "^18.11.9",
     "@types/resolve": "^1.20.2",
-    "@typescript-eslint/eslint-plugin": "^5.28.0",
-    "bumpp": "^8.1.0",
-    "compare-versions": "^4.1.3",
-    "element-plus": "^2.2.5",
-    "eslint": "^8.17.0",
+    "@typescript-eslint/eslint-plugin": "^5.44.0",
+    "bumpp": "^8.2.1",
+    "compare-versions": "^5.0.1",
+    "element-plus": "^2.2.22",
+    "eslint": "^8.28.0",
     "esno": "^0.16.3",
-    "pathe": "^0.3.0",
-    "rollup": "^2.75.6",
-    "tsup": "^6.1.2",
-    "typescript": "^4.7.3",
-    "vite": "^2.9.12",
-    "vitest": "^0.15.1",
+    "estree-walker": "^3.0.1",
+    "pathe": "^1.0.0",
+    "rollup": "^3.4.0",
+    "tsup": "^6.5.0",
+    "typescript": "^4.9.3",
+    "vite": "^3.2.4",
+    "vitest": "^0.25.2",
     "vue": "3.2.37"
   }
 }