feat!: customLoaderMatcher deperacted in favor of include exclude option

Author: antfu

.npmrc

@@ -1 +1,2 @@
 ignore-workspace-root-check=true
+shamefully-hoist=true

examples/vite-vue2/package.json

@@ -1,17 +1,17 @@
 {
   "private": true,
   "scripts": {
-    "dev": "cross-env DEBUG=unplugin-vue-components:* vite",
-    "build": "cross-env DEBUG=unplugin-vue-components:* vite build"
+    "build": "cross-env DEBUG=unplugin-vue-components:* vite build",
+    "dev": "cross-env DEBUG=unplugin-vue-components:* vite"
+  },
+  "dependencies": {
+    "vue": "2.6.14",
+    "vue-template-compiler": "2.6.14"
   },
   "devDependencies": {
     "cross-env": "^7.0.3",
+    "unplugin-vue-components": "file:../..",
     "vite": "^2.4.4",
-    "unplugin-vue-components": "workspace:*",
     "vite-plugin-vue2": "^1.8.1"
-  },
-  "dependencies": {
-    "vue": "3.2.2",
-    "vue-template-compiler": "2.6.14"
   }
 }

examples/vite-vue3/components.d.ts

@@ -10,11 +10,11 @@ declare module 'vue' {
     ComponentB: typeof import('./src/components/ComponentB.vue')['default']
     ComponentC: typeof import('./src/components/component-c.vue')['default']
     ComponentD: typeof import('./src/components/ComponentD.vue')['default']
-    IFaSolidDiceFive: typeof import('virtual:vite-icons/fa-solid/dice-five')['default']
-    IHeroiconsOutlineMenuAlt2: typeof import('virtual:vite-icons/heroicons-outline/menu-alt2')['default']
-    'IMdi:diceD12': typeof import('virtual:vite-icons/mdi/dice-d12')['default']
-    IMdiLightAlarm: typeof import('virtual:vite-icons/mdi-light/alarm')['default']
-    IRiApps2Line: typeof import('virtual:vite-icons/ri/apps2-line')['default']
+    IFaSolidDiceFive: typeof import('virtual:icons/fa-solid/dice-five')['default']
+    IHeroiconsOutlineMenuAlt2: typeof import('virtual:icons/heroicons-outline/menu-alt2')['default']
+    'IMdi:diceD12': typeof import('virtual:icons/mdi/dice-d12')['default']
+    IMdiLightAlarm: typeof import('virtual:icons/mdi-light/alarm')['default']
+    IRiApps2Line: typeof import('virtual: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']

examples/vite-vue3/package.json

@@ -17,7 +17,7 @@
     "cross-env": "^7.0.3",
     "has-pkg": "^0.0.1",
     "typescript": "^4.3.5",
-    "unplugin-icons": "^0.1.0",
+    "unplugin-icons": "^0.7.1",
     "unplugin-vue-components": "workspace:*",
     "vite": "^2.4.4",
     "vite-plugin-inspect": "^0.0.2",

examples/vite-vue3/vite.config.ts

@@ -1,7 +1,7 @@
 import path from 'path'
 import { UserConfig } from 'vite'
 import Vue from '@vitejs/plugin-vue'
-import ViteComponents from 'unplugin-vue-components/vite'
+import Components from 'unplugin-vue-components/vite'
 import { VantResolver } from 'unplugin-vue-components/resolvers'
 import Markdown from 'vite-plugin-md'
 import Icons from 'unplugin-icons/vite'
@@ -24,13 +24,13 @@ const config: UserConfig = {
     SVG(),
     Icons(),
     Inspect(),
-    ViteComponents({
+    Components({
       extensions: ['vue', 'md', 'svg'],
       directoryAsNamespace: true,
       dts: true,
       globalNamespaces: ['global'],
       importPathTransform: path => path.endsWith('.svg') ? `${path}?component` : undefined,
-      customLoaderMatcher: path => path.endsWith('.md'),
+      include: [/\.vue$/, /\.md$/],
       customComponentResolvers: [
         (name) => {
           if (name === 'MyCustom')

package.json

@@ -1,6 +1,6 @@
 {
   "name": "unplugin-vue-components",
-  "version": "0.13.2",
+  "version": "0.14.0",
   "description": "Components auto importing for Vue",
   "homepage": "https://github.com/antfu/unplugin-vue-components",
   "bugs": "https://github.com/antfu/unplugin-vue-components/issues",
@@ -60,6 +60,7 @@
     "test:update": "jest --u"
   },
   "dependencies": {
+    "@rollup/pluginutils": "^4.1.1",
     "debug": "^4.3.2",
     "fast-glob": "^3.2.7",
     "has-pkg": "^0.0.1",