unplugin-vue-components 0.22.7 → 0.22.9

package/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
 
@@ -192,6 +194,7 @@ Supported Resolvers:
 - [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)
@@ -354,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
 })
 ```
 

package/dist/{chunk-2GXY7E6X.js → chunk-2VBGH4A4.js}

@@ -109,6 +109,7 @@ function getNameFromFilePath(filePath, options) {
   if (directoryAsNamespace) {
     if (globalNamespaces.some((name) => folders.includes(name)))
       folders = folders.filter((f) => !globalNamespaces.includes(f));
+    folders = folders.map((f) => f.replace(/[^a-zA-Z0-9\-]/g, ""));
     if (filename.toLowerCase() === "index")
       filename = "";
     if (!isEmpty(folders)) {

package/dist/{chunk-5SDBTYO5.mjs → chunk-6MMPI2T6.mjs}

@@ -10,7 +10,7 @@ import {
   resolveAlias,
   shouldTransform,
   stringifyComponentImport
-} from "./chunk-667B3WUW.mjs";
+} from "./chunk-LTPEKZZE.mjs";
 
 // src/core/unplugin.ts
 import { existsSync as existsSync2 } from "fs";
@@ -99,14 +99,22 @@ function resolveOptions(options, root) {
     resolved.types = detectTypeImports();
   resolved.types = resolved.types || [];
   resolved.root = root;
-  resolved.transformer = options.transformer || getVueVersion(root) || "vue3";
-  resolved.directives = typeof options.directives === "boolean" ? options.directives : !resolved.resolvers.some((i) => i.type === "directive") ? false : getVueVersion(root) === "vue3";
+  resolved.version = resolved.version ?? getVueVersion(root);
+  if (resolved.version < 2 || resolved.version >= 4)
+    throw new Error(`[unplugin-vue-components] unsupported version: ${resolved.version}`);
+  resolved.transformer = options.transformer || `vue${Math.trunc(resolved.version)}`;
+  resolved.directives = typeof options.directives === "boolean" ? options.directives : !resolved.resolvers.some((i) => i.type === "directive") ? false : resolved.version >= 3;
   return resolved;
 }
 function getVueVersion(root) {
   var _a;
-  const version = ((_a = getPackageInfoSync("vue", { paths: [root] })) == null ? void 0 : _a.version) || "3";
-  return version.startsWith("2.") ? "vue2" : "vue3";
+  const raw = ((_a = getPackageInfoSync("vue", { paths: [root] })) == null ? void 0 : _a.version) || "3";
+  const version = +raw.split(".").slice(0, 2).join(".");
+  if (version === 2.7)
+    return 2.7;
+  else if (version < 2.7)
+    return 2;
+  return 3;
 }
 
 // src/core/fs/glob.ts
@@ -201,14 +209,17 @@ function getDeclaration(ctx, filepath, originalImports) {
     component: stringifyDeclarationImports({ ...originalImports == null ? void 0 : originalImports.component, ...imports.component }),
     directive: stringifyDeclarationImports({ ...originalImports == null ? void 0 : originalImports.directive, ...imports.directive })
   };
-  let code = `// generated by unplugin-vue-components
-// We suggest you to commit this file into source control
-// Read more: https://github.com/vuejs/core/pull/3399
-import '@vue/runtime-core'
+  const head = ctx.options.version === 2.7 ? `export {}
+        
+declare module 'vue' {` : `import '@vue/runtime-core'
 
 export {}
 
 declare module '@vue/runtime-core' {`;
+  let code = `// generated by unplugin-vue-components
+// We suggest you to commit this file into source control
+// Read more: https://github.com/vuejs/core/pull/3399
+${head}`;
   if (Object.keys(declarations.component).length > 0) {
     code += `
   export interface GlobalComponents {
@@ -295,9 +306,9 @@ import Debug3 from "debug";
 
 // src/core/transforms/directive/vue2.ts
 import { importModule, isPackageExists as isPackageExists3 } from "local-pkg";
-var getRenderFnStart = (ast) => {
+var getRenderFnStart = (program) => {
   var _a, _b;
-  const renderFn = ast.program.body.find(
+  const renderFn = program.body.find(
     (node) => node.type === "VariableDeclaration" && node.declarations[0].id.type === "Identifier" && ["render", "_sfc_render"].includes(node.declarations[0].id.name)
   );
   const start = (_b = (_a = renderFn == null ? void 0 : renderFn.declarations[0].init) == null ? void 0 : _a.body) == null ? void 0 : _b.start;
@@ -310,12 +321,12 @@ async function resolveVue22(code, s) {
   if (!isPackageExists3("@babel/parser"))
     throw new Error('[unplugin-vue-components:directive] To use Vue 2 directive you will need to install Babel first: "npm install -D @babel/parser"');
   const { parse } = await importModule("@babel/parser");
-  const ast = parse(code, {
+  const { program } = parse(code, {
     sourceType: "module"
   });
   const nodes = [];
   const { walk } = await import("./src-Z5BCFXFD.mjs");
-  walk(ast.program, {
+  walk(program, {
     enter(node) {
       if (node.type === "CallExpression")
         nodes.push(node);
@@ -323,8 +334,13 @@ async function resolveVue22(code, s) {
   });
   if (nodes.length === 0)
     return [];
+  let _renderStart;
+  const getRenderStart = () => {
+    if (_renderStart !== void 0)
+      return _renderStart;
+    return _renderStart = getRenderFnStart(program);
+  };
   const results = [];
-  const renderStart = getRenderFnStart(ast);
   for (const node of nodes) {
     const { callee, arguments: args } = node;
     if (callee.type !== "Identifier" || callee.name !== "_c" || ((_a = args[1]) == null ? void 0 : _a.type) !== "ObjectExpression")
@@ -348,7 +364,7 @@ async function resolveVue22(code, s) {
       results.push({
         rawName: name,
         replace: (resolved) => {
-          s.prependLeft(renderStart, `
+          s.prependLeft(getRenderStart(), `
 this.$options.directives["${name}"] = ${resolved};`);
         }
       });

package/dist/{chunk-667B3WUW.mjs → chunk-LTPEKZZE.mjs}

@@ -109,6 +109,7 @@ function getNameFromFilePath(filePath, options) {
   if (directoryAsNamespace) {
     if (globalNamespaces.some((name) => folders.includes(name)))
       folders = folders.filter((f) => !globalNamespaces.includes(f));
+    folders = folders.map((f) => f.replace(/[^a-zA-Z0-9\-]/g, ""));
     if (filename.toLowerCase() === "index")
       filename = "";
     if (!isEmpty(folders)) {

package/dist/{chunk-22OCYU7C.js → chunk-ZWAJ4GHE.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
 
 
 
@@ -10,7 +10,7 @@
 
 
 
-var _chunk2GXY7E6Xjs = require('./chunk-2GXY7E6X.js');
+var _chunk2VBGH4A4js = require('./chunk-2VBGH4A4.js');
 
 // src/core/unplugin.ts
 var _fs = require('fs');
@@ -99,14 +99,22 @@ function resolveOptions(options, root) {
     resolved.types = detectTypeImports();
   resolved.types = resolved.types || [];
   resolved.root = root;
-  resolved.transformer = options.transformer || getVueVersion(root) || "vue3";
-  resolved.directives = typeof options.directives === "boolean" ? options.directives : !resolved.resolvers.some((i) => i.type === "directive") ? false : getVueVersion(root) === "vue3";
+  resolved.version = _nullishCoalesce(resolved.version, () => ( getVueVersion(root)));
+  if (resolved.version < 2 || resolved.version >= 4)
+    throw new Error(`[unplugin-vue-components] unsupported version: ${resolved.version}`);
+  resolved.transformer = options.transformer || `vue${Math.trunc(resolved.version)}`;
+  resolved.directives = typeof options.directives === "boolean" ? options.directives : !resolved.resolvers.some((i) => i.type === "directive") ? false : resolved.version >= 3;
   return resolved;
 }
 function getVueVersion(root) {
   var _a;
-  const version = ((_a = _localpkg.getPackageInfoSync.call(void 0, "vue", { paths: [root] })) == null ? void 0 : _a.version) || "3";
-  return version.startsWith("2.") ? "vue2" : "vue3";
+  const raw = ((_a = _localpkg.getPackageInfoSync.call(void 0, "vue", { paths: [root] })) == null ? void 0 : _a.version) || "3";
+  const version = +raw.split(".").slice(0, 2).join(".");
+  if (version === 2.7)
+    return 2.7;
+  else if (version < 2.7)
+    return 2;
+  return 3;
 }
 
 // src/core/fs/glob.ts
@@ -159,7 +167,7 @@ function parseDeclaration(code) {
 function stringifyComponentInfo(filepath, { from: path, as: name, name: importName }, importPathTransform) {
   if (!name)
     return void 0;
-  path = _chunk2GXY7E6Xjs.getTransformedPath.call(void 0, path, importPathTransform);
+  path = _chunk2VBGH4A4js.getTransformedPath.call(void 0, path, importPathTransform);
   const related = _path.isAbsolute.call(void 0, path) ? `./${_path.relative.call(void 0, _path.dirname.call(void 0, filepath), path)}` : path;
   const entry = `typeof import('${_utils.slash.call(void 0, related)}')['${importName || "default"}']`;
   return [name, entry];
@@ -201,14 +209,17 @@ function getDeclaration(ctx, filepath, originalImports) {
     component: stringifyDeclarationImports({ ...originalImports == null ? void 0 : originalImports.component, ...imports.component }),
     directive: stringifyDeclarationImports({ ...originalImports == null ? void 0 : originalImports.directive, ...imports.directive })
   };
-  let code = `// generated by unplugin-vue-components
-// We suggest you to commit this file into source control
-// Read more: https://github.com/vuejs/core/pull/3399
-import '@vue/runtime-core'
+  const head = ctx.options.version === 2.7 ? `export {}
+        
+declare module 'vue' {` : `import '@vue/runtime-core'
 
 export {}
 
 declare module '@vue/runtime-core' {`;
+  let code = `// generated by unplugin-vue-components
+// We suggest you to commit this file into source control
+// Read more: https://github.com/vuejs/core/pull/3399
+${head}`;
   if (Object.keys(declarations.component).length > 0) {
     code += `
   export interface GlobalComponents {
@@ -276,12 +287,12 @@ async function transformComponent(code, transformer2, s, ctx, sfcPath) {
   const results = transformer2 === "vue2" ? resolveVue2(code, s) : resolveVue3(code, s);
   for (const { rawName, replace } of results) {
     debug2(`| ${rawName}`);
-    const name = _chunk2GXY7E6Xjs.pascalCase.call(void 0, rawName);
+    const name = _chunk2VBGH4A4js.pascalCase.call(void 0, rawName);
     ctx.updateUsageMap(sfcPath, [name]);
     const component = await ctx.findComponent(name, "component", [sfcPath]);
     if (component) {
       const varName = `__unplugin_components_${no}`;
-      s.prepend(`${_chunk2GXY7E6Xjs.stringifyComponentImport.call(void 0, { ...component, as: varName }, ctx)};
+      s.prepend(`${_chunk2VBGH4A4js.stringifyComponentImport.call(void 0, { ...component, as: varName }, ctx)};
 `);
       no += 1;
       replace(varName);
@@ -295,9 +306,9 @@ async function transformComponent(code, transformer2, s, ctx, sfcPath) {
 
 // src/core/transforms/directive/vue2.ts
 
-var getRenderFnStart = (ast) => {
+var getRenderFnStart = (program) => {
   var _a, _b;
-  const renderFn = ast.program.body.find(
+  const renderFn = program.body.find(
     (node) => node.type === "VariableDeclaration" && node.declarations[0].id.type === "Identifier" && ["render", "_sfc_render"].includes(node.declarations[0].id.name)
   );
   const start = (_b = (_a = renderFn == null ? void 0 : renderFn.declarations[0].init) == null ? void 0 : _a.body) == null ? void 0 : _b.start;
@@ -310,12 +321,12 @@ async function resolveVue22(code, s) {
   if (!_localpkg.isPackageExists.call(void 0, "@babel/parser"))
     throw new Error('[unplugin-vue-components:directive] To use Vue 2 directive you will need to install Babel first: "npm install -D @babel/parser"');
   const { parse } = await _localpkg.importModule.call(void 0, "@babel/parser");
-  const ast = parse(code, {
+  const { program } = parse(code, {
     sourceType: "module"
   });
   const nodes = [];
   const { walk } = await Promise.resolve().then(() => require("./src-KKLCUN63.js"));
-  walk(ast.program, {
+  walk(program, {
     enter(node) {
       if (node.type === "CallExpression")
         nodes.push(node);
@@ -323,8 +334,13 @@ async function resolveVue22(code, s) {
   });
   if (nodes.length === 0)
     return [];
+  let _renderStart;
+  const getRenderStart = () => {
+    if (_renderStart !== void 0)
+      return _renderStart;
+    return _renderStart = getRenderFnStart(program);
+  };
   const results = [];
-  const renderStart = getRenderFnStart(ast);
   for (const node of nodes) {
     const { callee, arguments: args } = node;
     if (callee.type !== "Identifier" || callee.name !== "_c" || ((_a = args[1]) == null ? void 0 : _a.type) !== "ObjectExpression")
@@ -348,7 +364,7 @@ async function resolveVue22(code, s) {
       results.push({
         rawName: name,
         replace: (resolved) => {
-          s.prependLeft(renderStart, `
+          s.prependLeft(getRenderStart(), `
 this.$options.directives["${name}"] = ${resolved};`);
         }
       });
@@ -381,13 +397,13 @@ async function transformDirective(code, transformer2, s, ctx, sfcPath) {
   const results = await (transformer2 === "vue2" ? resolveVue22(code, s) : resolveVue32(code, s));
   for (const { rawName, replace } of results) {
     debug3(`| ${rawName}`);
-    const name = `${_chunk2GXY7E6Xjs.DIRECTIVE_IMPORT_PREFIX}${_chunk2GXY7E6Xjs.pascalCase.call(void 0, rawName)}`;
+    const name = `${_chunk2VBGH4A4js.DIRECTIVE_IMPORT_PREFIX}${_chunk2VBGH4A4js.pascalCase.call(void 0, rawName)}`;
     ctx.updateUsageMap(sfcPath, [name]);
     const directive = await ctx.findComponent(name, "directive", [sfcPath]);
     if (!directive)
       continue;
     const varName = `__unplugin_directives_${no}`;
-    s.prepend(`${_chunk2GXY7E6Xjs.stringifyComponentImport.call(void 0, { ...directive, as: varName }, ctx)};
+    s.prepend(`${_chunk2VBGH4A4js.stringifyComponentImport.call(void 0, { ...directive, as: varName }, ctx)};
 `);
     no += 1;
     replace(varName);
@@ -406,7 +422,7 @@ function transformer(ctx, transformer2) {
     await transformComponent(code, transformer2, s, ctx, sfcPath);
     if (ctx.options.directives)
       await transformDirective(code, transformer2, s, ctx, sfcPath);
-    s.prepend(_chunk2GXY7E6Xjs.DISABLE_COMMENT);
+    s.prepend(_chunk2VBGH4A4js.DISABLE_COMMENT);
     const result = { code: s.toString() };
     if (ctx.sourcemap)
       result.map = s.generateMap({ source: id, includeContent: true });
@@ -451,7 +467,7 @@ var Context = class {
     this.transformer = transformer(this, name || "vue3");
   }
   transform(code, id) {
-    const { path, query } = _chunk2GXY7E6Xjs.parseId.call(void 0, id);
+    const { path, query } = _chunk2VBGH4A4js.parseId.call(void 0, id);
     return this.transformer(code, id, path, query);
   }
   setupViteServer(server) {
@@ -463,14 +479,14 @@ var Context = class {
   setupWatcher(watcher) {
     const { globs } = this.options;
     watcher.on("unlink", (path) => {
-      if (!_chunk2GXY7E6Xjs.matchGlobs.call(void 0, path, globs))
+      if (!_chunk2VBGH4A4js.matchGlobs.call(void 0, path, globs))
         return;
       path = _utils.slash.call(void 0, path);
       this.removeComponents(path);
       this.onUpdate(path);
     });
     watcher.on("add", (path) => {
-      if (!_chunk2GXY7E6Xjs.matchGlobs.call(void 0, path, globs))
+      if (!_chunk2VBGH4A4js.matchGlobs.call(void 0, path, globs))
         return;
       path = _utils.slash.call(void 0, path);
       this.addComponents(path);
@@ -480,14 +496,14 @@ var Context = class {
   setupWatcherWebpack(watcher, emitUpdate) {
     const { globs } = this.options;
     watcher.on("unlink", (path) => {
-      if (!_chunk2GXY7E6Xjs.matchGlobs.call(void 0, path, globs))
+      if (!_chunk2VBGH4A4js.matchGlobs.call(void 0, path, globs))
         return;
       path = _utils.slash.call(void 0, path);
       this.removeComponents(path);
       emitUpdate(path, "unlink");
     });
     watcher.on("add", (path) => {
-      if (!_chunk2GXY7E6Xjs.matchGlobs.call(void 0, path, globs))
+      if (!_chunk2VBGH4A4js.matchGlobs.call(void 0, path, globs))
         return;
       path = _utils.slash.call(void 0, path);
       this.addComponents(path);
@@ -538,7 +554,7 @@ var Context = class {
       updates: []
     };
     const timestamp = +new Date();
-    const name = _chunk2GXY7E6Xjs.pascalCase.call(void 0, _chunk2GXY7E6Xjs.getNameFromFilePath.call(void 0, path, this.options));
+    const name = _chunk2VBGH4A4js.pascalCase.call(void 0, _chunk2VBGH4A4js.getNameFromFilePath.call(void 0, path, this.options));
     Object.entries(this._componentUsageMap).forEach(([key, values]) => {
       if (values.has(name)) {
         const r = `/${_utils.slash.call(void 0, _path.relative.call(void 0, this.root, key))}`;
@@ -556,7 +572,7 @@ var Context = class {
   updateComponentNameMap() {
     this._componentNameMap = {};
     Array.from(this._componentPaths).forEach((path) => {
-      const name = _chunk2GXY7E6Xjs.pascalCase.call(void 0, _chunk2GXY7E6Xjs.getNameFromFilePath.call(void 0, path, this.options));
+      const name = _chunk2VBGH4A4js.pascalCase.call(void 0, _chunk2VBGH4A4js.getNameFromFilePath.call(void 0, path, this.options));
       if (this._componentNameMap[name] && !this.options.allowOverrides) {
         console.warn(`[unplugin-vue-components] component "${name}"(${path}) has naming conflicts with other components, ignored.`);
         return;
@@ -574,7 +590,7 @@ var Context = class {
     for (const resolver of this.options.resolvers) {
       if (resolver.type !== type)
         continue;
-      const result = await resolver.resolve(type === "directive" ? name.slice(_chunk2GXY7E6Xjs.DIRECTIVE_IMPORT_PREFIX.length) : name);
+      const result = await resolver.resolve(type === "directive" ? name.slice(_chunk2VBGH4A4js.DIRECTIVE_IMPORT_PREFIX.length) : name);
       if (!result)
         continue;
       if (typeof result === "string") {
@@ -585,7 +601,7 @@ var Context = class {
       } else {
         info = {
           as: name,
-          ..._chunk2GXY7E6Xjs.normalizeComponetInfo.call(void 0, result)
+          ..._chunk2VBGH4A4js.normalizeComponetInfo.call(void 0, result)
         };
       }
       if (type === "component")
@@ -598,7 +614,7 @@ var Context = class {
   }
   normalizePath(path) {
     var _a, _b, _c;
-    return _chunk2GXY7E6Xjs.resolveAlias.call(void 0, path, ((_b = (_a = this.viteConfig) == null ? void 0 : _a.resolve) == null ? void 0 : _b.alias) || ((_c = this.viteConfig) == null ? void 0 : _c.alias) || []);
+    return _chunk2VBGH4A4js.resolveAlias.call(void 0, path, ((_b = (_a = this.viteConfig) == null ? void 0 : _a.resolve) == null ? void 0 : _b.alias) || ((_c = this.viteConfig) == null ? void 0 : _c.alias) || []);
   }
   relative(path) {
     if (path.startsWith("/") && !path.startsWith(this.root))
@@ -642,7 +658,7 @@ var unplugin_default = _unplugin.createUnplugin.call(void 0, (options = {}) => {
       return await ctx.findComponent(name, "component", filename ? [filename] : []);
     },
     stringifyImport(info) {
-      return _chunk2GXY7E6Xjs.stringifyComponentImport.call(void 0, info, ctx);
+      return _chunk2VBGH4A4js.stringifyComponentImport.call(void 0, info, ctx);
     }
   };
   return {
@@ -653,7 +669,7 @@ var unplugin_default = _unplugin.createUnplugin.call(void 0, (options = {}) => {
       return filter(id);
     },
     async transform(code, id) {
-      if (!_chunk2GXY7E6Xjs.shouldTransform.call(void 0, code))
+      if (!_chunk2VBGH4A4js.shouldTransform.call(void 0, code))
         return null;
       try {
         const result = await ctx.transform(code, id);

package/dist/esbuild.js

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk22OCYU7Cjs = require('./chunk-22OCYU7C.js');
-require('./chunk-2GXY7E6X.js');
+var _chunkZWAJ4GHEjs = require('./chunk-ZWAJ4GHE.js');
+require('./chunk-2VBGH4A4.js');
 require('./chunk-EZUCZHGV.js');
 require('./chunk-6F4PWJZI.js');
 
 // src/esbuild.ts
-var esbuild_default = _chunk22OCYU7Cjs.unplugin_default.esbuild;
+var esbuild_default = _chunkZWAJ4GHEjs.unplugin_default.esbuild;
 
 
 module.exports = esbuild_default;

package/dist/esbuild.mjs

@@ -1,7 +1,7 @@
 import {
   unplugin_default
-} from "./chunk-5SDBTYO5.mjs";
-import "./chunk-667B3WUW.mjs";
+} from "./chunk-6MMPI2T6.mjs";
+import "./chunk-LTPEKZZE.mjs";
 import "./chunk-AKU6F3WT.mjs";
 import "./chunk-WBQAMGXK.mjs";
 

package/dist/index.js

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk22OCYU7Cjs = require('./chunk-22OCYU7C.js');
+var _chunkZWAJ4GHEjs = require('./chunk-ZWAJ4GHE.js');
 
 
 
 
-var _chunk2GXY7E6Xjs = require('./chunk-2GXY7E6X.js');
+var _chunk2VBGH4A4js = require('./chunk-2VBGH4A4.js');
 require('./chunk-EZUCZHGV.js');
 require('./chunk-6F4PWJZI.js');
 
@@ -13,4 +13,4 @@ require('./chunk-6F4PWJZI.js');
 
 
 
-exports.camelCase = _chunk2GXY7E6Xjs.camelCase; exports.default = _chunk22OCYU7Cjs.unplugin_default; exports.kebabCase = _chunk2GXY7E6Xjs.kebabCase; exports.pascalCase = _chunk2GXY7E6Xjs.pascalCase;
+exports.camelCase = _chunk2VBGH4A4js.camelCase; exports.default = _chunkZWAJ4GHEjs.unplugin_default; exports.kebabCase = _chunk2VBGH4A4js.kebabCase; exports.pascalCase = _chunk2VBGH4A4js.pascalCase;

package/dist/index.mjs

@@ -1,11 +1,11 @@
 import {
   unplugin_default
-} from "./chunk-5SDBTYO5.mjs";
+} from "./chunk-6MMPI2T6.mjs";
 import {
   camelCase,
   kebabCase,
   pascalCase
-} from "./chunk-667B3WUW.mjs";
+} from "./chunk-LTPEKZZE.mjs";
 import "./chunk-AKU6F3WT.mjs";
 import "./chunk-WBQAMGXK.mjs";
 export {

package/dist/nuxt.js

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk22OCYU7Cjs = require('./chunk-22OCYU7C.js');
-require('./chunk-2GXY7E6X.js');
+var _chunkZWAJ4GHEjs = require('./chunk-ZWAJ4GHE.js');
+require('./chunk-2VBGH4A4.js');
 require('./chunk-EZUCZHGV.js');
 require('./chunk-6F4PWJZI.js');
 
@@ -9,11 +9,11 @@ require('./chunk-6F4PWJZI.js');
 function nuxt_default(options) {
   this.extendBuild((config) => {
     config.plugins = config.plugins || [];
-    config.plugins.unshift(_chunk22OCYU7Cjs.unplugin_default.webpack(options));
+    config.plugins.unshift(_chunkZWAJ4GHEjs.unplugin_default.webpack(options));
   });
   this.nuxt.hook("vite:extend", async (vite) => {
     vite.config.plugins = vite.config.plugins || [];
-    vite.config.plugins.push(_chunk22OCYU7Cjs.unplugin_default.vite(options));
+    vite.config.plugins.push(_chunkZWAJ4GHEjs.unplugin_default.vite(options));
   });
 }
 

package/dist/nuxt.mjs

@@ -1,7 +1,7 @@
 import {
   unplugin_default
-} from "./chunk-5SDBTYO5.mjs";
-import "./chunk-667B3WUW.mjs";
+} from "./chunk-6MMPI2T6.mjs";
+import "./chunk-LTPEKZZE.mjs";
 import "./chunk-AKU6F3WT.mjs";
 import "./chunk-WBQAMGXK.mjs";
 

package/dist/resolvers.d.ts

@@ -251,6 +251,12 @@ interface VarletUIResolverOptions {
      * @default true
      */
     directives?: boolean;
+    /**
+     * compatible with unplugin-auto-import
+     *
+     * @default false
+     */
+    autoImport?: boolean;
     /**
      * @deprecated use `importStyle: 'css'` instead
      */
@@ -384,6 +390,14 @@ interface DevResolverOptions {
 }
 declare function DevUiResolver(options?: DevResolverOptions): ComponentResolver[];
 
+declare type DisallowResolveIconOption = undefined | false | {
+    enable: false;
+};
+declare type AllowResolveIconOption = true | {
+    enable: true;
+    iconPrefix?: string;
+};
+declare type ResolveIconsOption = DisallowResolveIconOption | AllowResolveIconOption;
 interface ArcoResolverOptions {
     /**
      * import style css or less with components
@@ -396,7 +410,7 @@ interface ArcoResolverOptions {
      *
      * @default false
      */
-    resolveIcons?: boolean;
+    resolveIcons?: ResolveIconsOption;
     /**
      * Control style automatic import
      *
@@ -482,4 +496,27 @@ interface BootstrapVueResolverOptions {
  */
 declare function BootstrapVueResolver(_options?: BootstrapVueResolverOptions): ComponentResolver[];
 
-export { AntDesignVueResolver, AntDesignVueResolverOptions, ArcoResolver, ArcoResolverOptions, BootstrapVueResolver, BootstrapVueResolverOptions, DevResolverOptions, DevUiResolver, ElementPlusResolver, ElementPlusResolverOptions, ElementUiResolver, ElementUiResolverOptions, HeadlessUiResolver, HeadlessUiResolverOptions, IduxResolver, IduxResolverOptions, InklineResolver, LayuiVueResolver, LayuiVueResolverOptions, NaiveUiResolver, PrimeVueResolver, PrimeVueResolverOptions, QuasarResolver, TDesignResolver, TDesignResolverOptions, VantResolver, VantResolverOptions, VarletUIResolver, VarletUIResolverOptions, VeuiResolver, VeuiResolverOptions, ViewUiResolver, VueUseComponentsResolver, VueUseDirectiveResolver, Vuetify3Resolver, VuetifyResolver, getResolved };
+interface BootstrapVue3ResolverOptions {
+    /**
+     * Auto import for directives.
+     *
+     * @default true
+     */
+    directives?: boolean;
+}
+/**
+ * Resolver for BootstrapVue
+ *
+ * @link https://github.com/cdmoro/bootstrap-vue-3
+ */
+declare const BootstrapVue3Resolver: (_options?: BootstrapVue3ResolverOptions) => Array<ComponentResolver>;
+
+/**
+ * Resolver for ionic framework
+ *
+ * @author @mathsgod
+ * @link https://github.com/mathsgod
+ */
+declare function IonicResolver(): ComponentResolver;
+
+export { AllowResolveIconOption, AntDesignVueResolver, AntDesignVueResolverOptions, ArcoResolver, ArcoResolverOptions, BootstrapVue3Resolver, BootstrapVue3ResolverOptions, BootstrapVueResolver, BootstrapVueResolverOptions, DevResolverOptions, DevUiResolver, DisallowResolveIconOption, ElementPlusResolver, ElementPlusResolverOptions, ElementUiResolver, ElementUiResolverOptions, HeadlessUiResolver, HeadlessUiResolverOptions, IduxResolver, IduxResolverOptions, InklineResolver, IonicResolver, LayuiVueResolver, LayuiVueResolverOptions, NaiveUiResolver, PrimeVueResolver, PrimeVueResolverOptions, QuasarResolver, ResolveIconsOption, TDesignResolver, TDesignResolverOptions, VantResolver, VantResolverOptions, VarletUIResolver, VarletUIResolverOptions, VeuiResolver, VeuiResolverOptions, ViewUiResolver, VueUseComponentsResolver, VueUseDirectiveResolver, Vuetify3Resolver, VuetifyResolver, getResolved };

package/dist/resolvers.js

@@ -1,11 +1,11 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
 
 
 
 
 
 
-var _chunk2GXY7E6Xjs = require('./chunk-2GXY7E6X.js');
+var _chunk2VBGH4A4js = require('./chunk-2VBGH4A4.js');
 
 
 var _chunkEZUCZHGVjs = require('./chunk-EZUCZHGV.js');
@@ -164,7 +164,7 @@ function getStyleDir(compName) {
     }
   }
   if (!styleDir)
-    styleDir = _chunk2GXY7E6Xjs.kebabCase.call(void 0, compName);
+    styleDir = _chunk2VBGH4A4js.kebabCase.call(void 0, compName);
   return styleDir;
 }
 function getSideEffects(compName, options) {
@@ -330,7 +330,7 @@ function resolveComponent(name, options) {
       from: "@element-plus/icons-vue"
     };
   }
-  const partialName = _chunk2GXY7E6Xjs.kebabCase.call(void 0, name.slice(2));
+  const partialName = _chunk2VBGH4A4js.kebabCase.call(void 0, name.slice(2));
   const { version, ssr } = options;
   if (compare(version, "1.1.0-beta.1", ">=")) {
     return {
@@ -378,7 +378,7 @@ function ElementPlusResolver(options = {}) {
       return optionsResolved;
     optionsResolved = {
       ssr: false,
-      version: await _chunk2GXY7E6Xjs.getPkgVersion.call(void 0, "element-plus", "2.2.2"),
+      version: await _chunk2VBGH4A4js.getPkgVersion.call(void 0, "element-plus", "2.2.2"),
       importStyle: "css",
       directives: true,
       exclude: void 0,
@@ -432,7 +432,7 @@ function ElementUiResolver(options = {}) {
         return;
       if (/^El[A-Z]/.test(name)) {
         const compName = name.slice(2);
-        const partialName = _chunk2GXY7E6Xjs.kebabCase.call(void 0, compName);
+        const partialName = _chunk2VBGH4A4js.kebabCase.call(void 0, compName);
         if (partialName === "collapse-transition") {
           return {
             from: `element-ui/lib/transitions/${partialName}`
@@ -542,7 +542,7 @@ function IduxResolver(options = {}) {
       let dirname = specialComponents[name];
       if (!dirname) {
         const nameIndex = packageName === "pro" ? 2 : 1;
-        dirname = _chunk2GXY7E6Xjs.kebabCase.call(void 0, name).split("-")[nameIndex];
+        dirname = _chunk2VBGH4A4js.kebabCase.call(void 0, name).split("-")[nameIndex];
       }
       const path = `${scope}/${packageName}/${dirname}`;
       let sideEffects;
@@ -651,6 +651,7 @@ var components2 = [
   "ProgressSpinner",
   "RadioButton",
   "Rating",
+  "Row",
   "ScrollPanel",
   "ScrollTop",
   "SelectButton",
@@ -710,10 +711,10 @@ function PrimeVueResolver(options = {}) {
 }
 
 // src/core/resolvers/vant.ts
-var moduleType = _chunk2GXY7E6Xjs.isSSR ? "lib" : "es";
+var moduleType = _chunk2VBGH4A4js.isSSR ? "lib" : "es";
 function getSideEffects4(dirName, options) {
   const { importStyle = true } = options;
-  if (!importStyle || _chunk2GXY7E6Xjs.isSSR)
+  if (!importStyle || _chunk2VBGH4A4js.isSSR)
     return;
   if (importStyle === "less")
     return `vant/${moduleType}/${dirName}/style/less`;
@@ -730,7 +731,7 @@ function VantResolver(options = {}) {
         return {
           name: partialName,
           from: `vant/${moduleType}`,
-          sideEffects: getSideEffects4(_chunk2GXY7E6Xjs.kebabCase.call(void 0, partialName), options)
+          sideEffects: getSideEffects4(_chunk2VBGH4A4js.kebabCase.call(void 0, partialName), options)
         };
       }
     }
@@ -738,33 +739,38 @@ function VantResolver(options = {}) {
 }
 
 // src/core/resolvers/varlet-ui.ts
+var varFunctions = ["Snackbar", "Picker", "ActionSheet", "Dialog", "Locale", "StyleProvider"];
+var varDirectives = ["Ripple", "Lazy"];
 function getResolved(name, options) {
   const {
     importStyle = "css",
     importCss = true,
     importLess,
+    autoImport = false,
     version = "vue3"
   } = options;
   const path = version === "vue2" ? "@varlet-vue2/ui" : "@varlet/ui";
   const sideEffects = [];
   if (importStyle || importCss) {
     if (importStyle === "less" || importLess)
-      sideEffects.push(`${path}/es/${_chunk2GXY7E6Xjs.kebabCase.call(void 0, name)}/style/less.js`);
+      sideEffects.push(`${path}/es/${_chunk2VBGH4A4js.kebabCase.call(void 0, name)}/style/less.js`);
     else
-      sideEffects.push(`${path}/es/${_chunk2GXY7E6Xjs.kebabCase.call(void 0, name)}/style`);
+      sideEffects.push(`${path}/es/${_chunk2VBGH4A4js.kebabCase.call(void 0, name)}/style`);
   }
   return {
     from: path,
-    name: `_${name}Component`,
+    name: autoImport ? name : `_${name}Component`,
     sideEffects
   };
 }
-var varDirectives = ["Ripple", "Lazy"];
 function VarletUIResolver(options = {}) {
   return [
     {
       type: "component",
       resolve: (name) => {
+        const { autoImport = false } = options;
+        if (autoImport && varFunctions.includes(name))
+          return getResolved(name, options);
         if (name.startsWith("Var"))
           return getResolved(name.slice(3), options);
       }
@@ -811,15 +817,15 @@ function VeuiResolver(options = {}) {
   };
 }
 var formatters = {
-  "kebab-case": _chunk2GXY7E6Xjs.kebabCase,
-  "camelCase": _chunk2GXY7E6Xjs.camelCase,
-  "PascalCase": _chunk2GXY7E6Xjs.pascalCase
+  "kebab-case": _chunk2VBGH4A4js.kebabCase,
+  "camelCase": _chunk2VBGH4A4js.camelCase,
+  "PascalCase": _chunk2VBGH4A4js.pascalCase
 };
 var peerPaths = /* @__PURE__ */ new Map();
 function assertPeerPath(peerPath) {
   if (!peerPaths.has(peerPath)) {
     try {
-      _chunk2GXY7E6Xjs.resolveImportPath.call(void 0, peerPath);
+      _chunk2VBGH4A4js.resolveImportPath.call(void 0, peerPath);
       peerPaths.set(peerPath, true);
     } catch (e) {
       peerPaths.set(peerPath, false);
@@ -873,12 +879,12 @@ function getCompDir(compName) {
   for (let i = 0; i < total; i++) {
     const matcher = matchComponents2[i];
     if (compName.match(matcher.pattern)) {
-      compPath = `${matcher.compDir}/${_chunk2GXY7E6Xjs.kebabCase.call(void 0, compName)}.vue`;
+      compPath = `${matcher.compDir}/${_chunk2VBGH4A4js.kebabCase.call(void 0, compName)}.vue`;
       break;
     }
   }
   if (!compPath)
-    compPath = _chunk2GXY7E6Xjs.kebabCase.call(void 0, compName);
+    compPath = _chunk2VBGH4A4js.kebabCase.call(void 0, compName);
   return compPath;
 }
 function ViewUiResolver() {
@@ -1007,7 +1013,7 @@ function getSideEffects7(name) {
 function componentsResolver(name, { ssr }) {
   if (!name.match(/^D[A-Z]/))
     return;
-  const resolveId = _chunk2GXY7E6Xjs.kebabCase.call(void 0, name = name.slice(1));
+  const resolveId = _chunk2VBGH4A4js.kebabCase.call(void 0, name = name.slice(1));
   return {
     name,
     sideEffects: getSideEffects7(resolveId),
@@ -1015,7 +1021,7 @@ function componentsResolver(name, { ssr }) {
   };
 }
 function directivesResolver(name, { ssr }) {
-  const resolveId = _chunk2GXY7E6Xjs.kebabCase.call(void 0, name);
+  const resolveId = _chunk2VBGH4A4js.kebabCase.call(void 0, name);
   return {
     name: `${name}Directive`,
     sideEffects: getSideEffects7(resolveId),
@@ -1040,6 +1046,8 @@ function DevUiResolver(options = {}) {
 }
 
 // src/core/resolvers/arco.ts
+var _debug = require('debug'); var _debug2 = _interopRequireDefault(_debug);
+var debug = _debug2.default.call(void 0, "unplugin-vue-components:resolvers:arco");
 var matchComponents3 = [
   {
     pattern: /^AnchorLink$/,
@@ -1161,7 +1169,7 @@ var matchComponents3 = [
 function getComponentStyleDir(importName, importStyle) {
   if (["ConfigProvider", "Icon"].includes(importName))
     return void 0;
-  let componentDir = _chunk2GXY7E6Xjs.kebabCase.call(void 0, importName);
+  let componentDir = _chunk2VBGH4A4js.kebabCase.call(void 0, importName);
   for (const item of matchComponents3) {
     if (item.pattern.test(importName)) {
       componentDir = item.componentDir;
@@ -1173,15 +1181,42 @@ function getComponentStyleDir(importName, importStyle) {
   if (importStyle === "css" || importStyle)
     return `@arco-design/web-vue/es/${componentDir}/style/css.js`;
 }
+function canResolveIcons(options) {
+  if (options === void 0)
+    return false;
+  if (typeof options === "boolean")
+    return options;
+  else
+    return options.enable;
+}
+function getResolveIconPrefix(options) {
+  if (canResolveIcons(options)) {
+    if (typeof options === "boolean" && options)
+      return "";
+    else if (options.enable)
+      return _nullishCoalesce(options.iconPrefix, () => ( ""));
+    else
+      return "";
+  }
+  return "";
+}
 function ArcoResolver(options = {}) {
   return {
     type: "component",
     resolve: (name) => {
-      if (options.resolveIcons && name.match(/^Icon/)) {
-        return {
-          name,
-          from: "@arco-design/web-vue/es/icon"
-        };
+      if (canResolveIcons(options.resolveIcons)) {
+        const iconPrefix = _chunk2VBGH4A4js.pascalCase.call(void 0, getResolveIconPrefix(options.resolveIcons));
+        const newNameRegexp = new RegExp(`^${iconPrefix}Icon`);
+        if (newNameRegexp.test(name)) {
+          debug("found icon component name %s", name);
+          const rawComponentName = name.slice(iconPrefix.length);
+          debug("found icon component raw name %s", rawComponentName);
+          return {
+            name: rawComponentName,
+            as: name,
+            from: "@arco-design/web-vue/es/icon"
+          };
+        }
       }
       if (name.match(/^A[A-Z]/)) {
         const importStyle = _nullishCoalesce(options.importStyle, () => ( "css"));
@@ -1201,7 +1236,7 @@ function ArcoResolver(options = {}) {
 // src/core/resolvers/tdesign.ts
 function getSideEffects8(importName, options) {
   const { library = "vue", importStyle = "css" } = options;
-  let fileName = _chunk2GXY7E6Xjs.kebabCase.call(void 0, importName);
+  let fileName = _chunk2VBGH4A4js.kebabCase.call(void 0, importName);
   if (!importStyle)
     return;
   if (["config-provider", "icon"].includes(fileName))
@@ -1464,6 +1499,45 @@ function BootstrapVueResolver(_options = {}) {
   return resolvers;
 }
 
+// src/core/resolvers/bootstrap-vue-3.ts
+var BootstrapVue3Resolver = (_options = {}) => {
+  const options = { directives: true, ..._options };
+  const resolvers = [{
+    type: "component",
+    resolve: (name) => {
+      if (name.match(/^B[A-Z]/))
+        return { name, from: "bootstrap-vue-3" };
+    }
+  }];
+  if (options.directives) {
+    resolvers.push({
+      type: "directive",
+      resolve: (name) => {
+        if (name.match(/^B[A-Z]/))
+          return { name: `V${name}`, from: "bootstrap-vue-3" };
+      }
+    });
+  }
+  return resolvers;
+};
+
+// src/core/resolvers/ionic.ts
+function IonicResolver() {
+  return {
+    type: "component",
+    resolve: (name) => {
+      if (name.startsWith("Ion")) {
+        return {
+          name,
+          from: "@ionic/vue"
+        };
+      }
+    }
+  };
+}
+
+
+
 
 
 
@@ -1487,5 +1561,5 @@ function BootstrapVueResolver(_options = {}) {
 
 
 
-exports.AntDesignVueResolver = AntDesignVueResolver; exports.ArcoResolver = ArcoResolver; exports.BootstrapVueResolver = BootstrapVueResolver; exports.DevUiResolver = DevUiResolver; exports.ElementPlusResolver = ElementPlusResolver; exports.ElementUiResolver = ElementUiResolver; exports.HeadlessUiResolver = HeadlessUiResolver; exports.IduxResolver = IduxResolver; exports.InklineResolver = InklineResolver; exports.LayuiVueResolver = LayuiVueResolver; exports.NaiveUiResolver = NaiveUiResolver; exports.PrimeVueResolver = PrimeVueResolver; exports.QuasarResolver = QuasarResolver; exports.TDesignResolver = TDesignResolver; exports.VantResolver = VantResolver; exports.VarletUIResolver = VarletUIResolver; exports.VeuiResolver = VeuiResolver; exports.ViewUiResolver = ViewUiResolver; exports.VueUseComponentsResolver = VueUseComponentsResolver; exports.VueUseDirectiveResolver = VueUseDirectiveResolver; exports.Vuetify3Resolver = Vuetify3Resolver; exports.VuetifyResolver = VuetifyResolver; exports.getResolved = getResolved;
+exports.AntDesignVueResolver = AntDesignVueResolver; exports.ArcoResolver = ArcoResolver; exports.BootstrapVue3Resolver = BootstrapVue3Resolver; exports.BootstrapVueResolver = BootstrapVueResolver; exports.DevUiResolver = DevUiResolver; exports.ElementPlusResolver = ElementPlusResolver; exports.ElementUiResolver = ElementUiResolver; exports.HeadlessUiResolver = HeadlessUiResolver; exports.IduxResolver = IduxResolver; exports.InklineResolver = InklineResolver; exports.IonicResolver = IonicResolver; exports.LayuiVueResolver = LayuiVueResolver; exports.NaiveUiResolver = NaiveUiResolver; exports.PrimeVueResolver = PrimeVueResolver; exports.QuasarResolver = QuasarResolver; exports.TDesignResolver = TDesignResolver; exports.VantResolver = VantResolver; exports.VarletUIResolver = VarletUIResolver; exports.VeuiResolver = VeuiResolver; exports.ViewUiResolver = ViewUiResolver; exports.VueUseComponentsResolver = VueUseComponentsResolver; exports.VueUseDirectiveResolver = VueUseDirectiveResolver; exports.Vuetify3Resolver = Vuetify3Resolver; exports.VuetifyResolver = VuetifyResolver; exports.getResolved = getResolved;
 exports.default = module.exports;

package/dist/resolvers.mjs

@@ -5,7 +5,7 @@ import {
   kebabCase,
   pascalCase,
   resolveImportPath
-} from "./chunk-667B3WUW.mjs";
+} from "./chunk-LTPEKZZE.mjs";
 import {
   __require
 } from "./chunk-AKU6F3WT.mjs";
@@ -651,6 +651,7 @@ var components2 = [
   "ProgressSpinner",
   "RadioButton",
   "Rating",
+  "Row",
   "ScrollPanel",
   "ScrollTop",
   "SelectButton",
@@ -738,11 +739,14 @@ function VantResolver(options = {}) {
 }
 
 // src/core/resolvers/varlet-ui.ts
+var varFunctions = ["Snackbar", "Picker", "ActionSheet", "Dialog", "Locale", "StyleProvider"];
+var varDirectives = ["Ripple", "Lazy"];
 function getResolved(name, options) {
   const {
     importStyle = "css",
     importCss = true,
     importLess,
+    autoImport = false,
     version = "vue3"
   } = options;
   const path = version === "vue2" ? "@varlet-vue2/ui" : "@varlet/ui";
@@ -755,16 +759,18 @@ function getResolved(name, options) {
   }
   return {
     from: path,
-    name: `_${name}Component`,
+    name: autoImport ? name : `_${name}Component`,
     sideEffects
   };
 }
-var varDirectives = ["Ripple", "Lazy"];
 function VarletUIResolver(options = {}) {
   return [
     {
       type: "component",
       resolve: (name) => {
+        const { autoImport = false } = options;
+        if (autoImport && varFunctions.includes(name))
+          return getResolved(name, options);
         if (name.startsWith("Var"))
           return getResolved(name.slice(3), options);
       }
@@ -1040,6 +1046,8 @@ function DevUiResolver(options = {}) {
 }
 
 // src/core/resolvers/arco.ts
+import Debug from "debug";
+var debug = Debug("unplugin-vue-components:resolvers:arco");
 var matchComponents3 = [
   {
     pattern: /^AnchorLink$/,
@@ -1173,15 +1181,42 @@ function getComponentStyleDir(importName, importStyle) {
   if (importStyle === "css" || importStyle)
     return `@arco-design/web-vue/es/${componentDir}/style/css.js`;
 }
+function canResolveIcons(options) {
+  if (options === void 0)
+    return false;
+  if (typeof options === "boolean")
+    return options;
+  else
+    return options.enable;
+}
+function getResolveIconPrefix(options) {
+  if (canResolveIcons(options)) {
+    if (typeof options === "boolean" && options)
+      return "";
+    else if (options.enable)
+      return options.iconPrefix ?? "";
+    else
+      return "";
+  }
+  return "";
+}
 function ArcoResolver(options = {}) {
   return {
     type: "component",
     resolve: (name) => {
-      if (options.resolveIcons && name.match(/^Icon/)) {
-        return {
-          name,
-          from: "@arco-design/web-vue/es/icon"
-        };
+      if (canResolveIcons(options.resolveIcons)) {
+        const iconPrefix = pascalCase(getResolveIconPrefix(options.resolveIcons));
+        const newNameRegexp = new RegExp(`^${iconPrefix}Icon`);
+        if (newNameRegexp.test(name)) {
+          debug("found icon component name %s", name);
+          const rawComponentName = name.slice(iconPrefix.length);
+          debug("found icon component raw name %s", rawComponentName);
+          return {
+            name: rawComponentName,
+            as: name,
+            from: "@arco-design/web-vue/es/icon"
+          };
+        }
       }
       if (name.match(/^A[A-Z]/)) {
         const importStyle = options.importStyle ?? "css";
@@ -1463,9 +1498,47 @@ function BootstrapVueResolver(_options = {}) {
   }
   return resolvers;
 }
+
+// src/core/resolvers/bootstrap-vue-3.ts
+var BootstrapVue3Resolver = (_options = {}) => {
+  const options = { directives: true, ..._options };
+  const resolvers = [{
+    type: "component",
+    resolve: (name) => {
+      if (name.match(/^B[A-Z]/))
+        return { name, from: "bootstrap-vue-3" };
+    }
+  }];
+  if (options.directives) {
+    resolvers.push({
+      type: "directive",
+      resolve: (name) => {
+        if (name.match(/^B[A-Z]/))
+          return { name: `V${name}`, from: "bootstrap-vue-3" };
+      }
+    });
+  }
+  return resolvers;
+};
+
+// src/core/resolvers/ionic.ts
+function IonicResolver() {
+  return {
+    type: "component",
+    resolve: (name) => {
+      if (name.startsWith("Ion")) {
+        return {
+          name,
+          from: "@ionic/vue"
+        };
+      }
+    }
+  };
+}
 export {
   AntDesignVueResolver,
   ArcoResolver,
+  BootstrapVue3Resolver,
   BootstrapVueResolver,
   DevUiResolver,
   ElementPlusResolver,
@@ -1473,6 +1546,7 @@ export {
   HeadlessUiResolver,
   IduxResolver,
   InklineResolver,
+  IonicResolver,
   LayuiVueResolver,
   NaiveUiResolver,
   PrimeVueResolver,

package/dist/rollup.d.ts

@@ -1,8 +1,9 @@
-import * as unplugin from 'unplugin';
+import * as rollup from 'rollup';
 import { Options } from './types.js';
 import '@rollup/pluginutils';
+import 'unplugin';
 import '@antfu/utils';
 
-declare const _default: (options: Options) => unplugin.RollupPlugin;
+declare const _default: (options: Options) => rollup.Plugin | rollup.Plugin[];
 
 export { _default as default };

package/dist/rollup.js

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk22OCYU7Cjs = require('./chunk-22OCYU7C.js');
-require('./chunk-2GXY7E6X.js');
+var _chunkZWAJ4GHEjs = require('./chunk-ZWAJ4GHE.js');
+require('./chunk-2VBGH4A4.js');
 require('./chunk-EZUCZHGV.js');
 require('./chunk-6F4PWJZI.js');
 
 // src/rollup.ts
-var rollup_default = _chunk22OCYU7Cjs.unplugin_default.rollup;
+var rollup_default = _chunkZWAJ4GHEjs.unplugin_default.rollup;
 
 
 module.exports = rollup_default;

package/dist/rollup.mjs

@@ -1,7 +1,7 @@
 import {
   unplugin_default
-} from "./chunk-5SDBTYO5.mjs";
-import "./chunk-667B3WUW.mjs";
+} from "./chunk-6MMPI2T6.mjs";
+import "./chunk-LTPEKZZE.mjs";
 import "./chunk-AKU6F3WT.mjs";
 import "./chunk-WBQAMGXK.mjs";
 

package/dist/types.d.ts

@@ -145,6 +145,10 @@ interface Options {
      * Only provide types of components in library (registered globally)
      **/
     types?: TypeImport[];
+    /**
+     * Vue version of project. It will detect automatically if not specified.
+     */
+    version?: 2 | 2.7 | 3;
 }
 declare type ResolvedOptions = Omit<Required<Options>, 'resolvers' | 'extensions' | 'dirs' | 'globalComponentsDeclaration'> & {
     resolvers: ComponentResolverObject[];

package/dist/vite.js

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk22OCYU7Cjs = require('./chunk-22OCYU7C.js');
-require('./chunk-2GXY7E6X.js');
+var _chunkZWAJ4GHEjs = require('./chunk-ZWAJ4GHE.js');
+require('./chunk-2VBGH4A4.js');
 require('./chunk-EZUCZHGV.js');
 require('./chunk-6F4PWJZI.js');
 
 // src/vite.ts
-var vite_default = _chunk22OCYU7Cjs.unplugin_default.vite;
+var vite_default = _chunkZWAJ4GHEjs.unplugin_default.vite;
 
 
 module.exports = vite_default;

package/dist/vite.mjs

@@ -1,7 +1,7 @@
 import {
   unplugin_default
-} from "./chunk-5SDBTYO5.mjs";
-import "./chunk-667B3WUW.mjs";
+} from "./chunk-6MMPI2T6.mjs";
+import "./chunk-LTPEKZZE.mjs";
 import "./chunk-AKU6F3WT.mjs";
 import "./chunk-WBQAMGXK.mjs";
 

package/dist/webpack.js

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk22OCYU7Cjs = require('./chunk-22OCYU7C.js');
-require('./chunk-2GXY7E6X.js');
+var _chunkZWAJ4GHEjs = require('./chunk-ZWAJ4GHE.js');
+require('./chunk-2VBGH4A4.js');
 require('./chunk-EZUCZHGV.js');
 require('./chunk-6F4PWJZI.js');
 
 // src/webpack.ts
-var webpack_default = _chunk22OCYU7Cjs.unplugin_default.webpack;
+var webpack_default = _chunkZWAJ4GHEjs.unplugin_default.webpack;
 
 
 module.exports = webpack_default;

package/dist/webpack.mjs

@@ -1,7 +1,7 @@
 import {
   unplugin_default
-} from "./chunk-5SDBTYO5.mjs";
-import "./chunk-667B3WUW.mjs";
+} from "./chunk-6MMPI2T6.mjs";
+import "./chunk-LTPEKZZE.mjs";
 import "./chunk-AKU6F3WT.mjs";
 import "./chunk-WBQAMGXK.mjs";
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "unplugin-vue-components",
-  "version": "0.22.7",
+  "version": "0.22.9",
   "packageManager": "pnpm@7.1.5",
   "description": "Components auto importing for Vue",
   "author": "antfu <anthonyfu117@hotmail.com>",
@@ -84,38 +84,38 @@
     }
   },
   "dependencies": {
-    "@antfu/utils": "^0.5.2",
-    "@rollup/pluginutils": "^4.2.1",
+    "@antfu/utils": "^0.6.0",
+    "@rollup/pluginutils": "^5.0.2",
     "chokidar": "^3.5.3",
     "debug": "^4.3.4",
     "fast-glob": "^3.2.12",
     "local-pkg": "^0.4.2",
-    "magic-string": "^0.26.3",
+    "magic-string": "^0.26.7",
     "minimatch": "^5.1.0",
     "resolve": "^1.22.1",
-    "unplugin": "^0.9.5"
+    "unplugin": "^0.10.1"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^0.26.3",
-    "@babel/parser": "^7.19.0",
-    "@babel/types": "^7.19.0",
+    "@antfu/eslint-config": "^0.27.0",
+    "@babel/parser": "^7.19.6",
+    "@babel/types": "^7.19.3",
     "@types/debug": "^4.1.7",
     "@types/minimatch": "^5.1.2",
-    "@types/node": "^18.7.16",
+    "@types/node": "^18.11.4",
     "@types/resolve": "^1.20.2",
-    "@typescript-eslint/eslint-plugin": "^5.36.2",
+    "@typescript-eslint/eslint-plugin": "^5.40.1",
     "bumpp": "^8.2.1",
     "compare-versions": "^5.0.1",
-    "element-plus": "^2.2.16",
-    "eslint": "^8.23.0",
+    "element-plus": "^2.2.19",
+    "eslint": "^8.26.0",
     "esno": "^0.16.3",
     "estree-walker": "^3.0.1",
-    "pathe": "^0.3.7",
-    "rollup": "^2.79.0",
-    "tsup": "^6.2.3",
-    "typescript": "^4.8.3",
-    "vite": "^3.1.0",
-    "vitest": "^0.23.2",
+    "pathe": "^0.3.9",
+    "rollup": "^3.2.3",
+    "tsup": "^6.3.0",
+    "typescript": "^4.8.4",
+    "vite": "^3.1.8",
+    "vitest": "^0.24.3",
     "vue": "3.2.37"
   }
 }