unplugin-vue-components 0.16.0 → 0.17.0

package/README.md

@@ -288,6 +288,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`
   directives: true,
 
   // filters for transforming targets

package/dist/{chunk-RDW5UCGS.mjs → chunk-E4HYBXJJ.mjs}

@@ -2,18 +2,18 @@ import {
   DISABLE_COMMENT,
   LibraryResolver,
   getNameFromFilePath,
+  getTransformedPath,
   matchGlobs,
   parseId,
   pascalCase,
   resolveAlias,
   shouldTransform,
   stringifyComponentImport
-} from "./chunk-VAQPFZLT.mjs";
+} from "./chunk-GZWBUYKE.mjs";
 import {
   __require,
   __spreadProps,
-  __spreadValues,
-  __toModule
+  __spreadValues
 } from "./chunk-PJJOEYQ7.mjs";
 
 // src/core/unplugin.ts
@@ -42,10 +42,13 @@ var defaultOptions = {
   importPathTransform: (v) => v,
   allowOverrides: false
 };
+function normalizeResolvers(resolvers) {
+  return toArray(resolvers).flat().map((r) => typeof r === "function" ? { resolve: r, type: "component" } : r);
+}
 function resolveOptions(options, root) {
   const resolved = Object.assign({}, defaultOptions, options);
   resolved.libraries = toArray(resolved.libraries).map((i) => typeof i === "string" ? { name: i } : i);
-  resolved.resolvers = toArray(resolved.resolvers);
+  resolved.resolvers = normalizeResolvers(resolved.resolvers);
   resolved.resolvers.push(...resolved.libraries.map((lib) => LibraryResolver(lib)));
   resolved.extensions = toArray(resolved.extensions);
   if (resolved.globs) {
@@ -61,7 +64,7 @@ function resolveOptions(options, root) {
   resolved.dts = !options.dts ? false : resolve(root, typeof options.dts === "string" ? options.dts : "components.d.ts");
   resolved.root = root;
   resolved.transformer = options.transformer || getVueVersion() || "vue3";
-  resolved.directives = typeof options.directives === "boolean" ? options.directives : getVueVersion() === "vue3";
+  resolved.directives = typeof options.directives === "boolean" ? options.directives : !resolved.resolvers.some((i) => i.type === "directive") ? false : getVueVersion() === "vue3";
   return resolved;
 }
 function getVueVersion() {
@@ -108,6 +111,7 @@ async function generateDeclaration(ctx, root, filepath) {
   const imports = Object.fromEntries(Object.values(__spreadValues(__spreadValues({}, ctx.componentNameMap), ctx.componentCustomMap)).map(({ path, name, importName }) => {
     if (!name)
       return void 0;
+    path = getTransformedPath(path, ctx);
     const related = isAbsolute(path) ? `./${relative(dirname(filepath), path)}` : path;
     let entry = `typeof import('${slash2(related)}')`;
     if (importName)
@@ -178,7 +182,7 @@ var resolveVue3 = (code, s) => {
   }
   return results;
 };
-var component_default = async (code, transformer, s, ctx, sfcPath) => {
+async function transformComponent(code, transformer, s, ctx, sfcPath) {
   let no = 0;
   const results = transformer === "vue2" ? resolveVue2(code, s) : resolveVue3(code, s);
   for (const { rawName, replace } of results) {
@@ -195,15 +199,87 @@ var component_default = async (code, transformer, s, ctx, sfcPath) => {
     }
   }
   debug2(`^ (${no})`);
-};
+}
 
 // src/core/transforms/directive/index.ts
 import Debug3 from "debug";
+
+// src/core/transforms/directive/vue2.ts
+import { importModule, isPackageExists as isPackageExists2 } from "local-pkg";
+var getRenderFnStart = (ast) => {
+  const renderFn = ast.program.body.find((node) => node.type === "VariableDeclaration" && node.declarations[0].id.type === "Identifier" && node.declarations[0].id.name === "render");
+  const start = (renderFn == null ? void 0 : renderFn.declarations[0].init).body.start;
+  if (start === null)
+    throw new Error("[unplugin-vue-components:directive] Cannot find render function position.");
+  return start + 1;
+};
+async function resolveVue22(code, s) {
+  var _a, _b;
+  if (!isPackageExists2("@babel/parser") || !isPackageExists2("@babel/traverse"))
+    throw new Error('[unplugin-vue-components:directive] To use Vue 2 directive you will need to install Babel first: "npm install -D @babel/parser @babel/traverse"');
+  const { parse } = await importModule("@babel/parser");
+  const ast = parse(code, {
+    sourceType: "module"
+  });
+  const nodes = [];
+  const { default: traverse } = await importModule("@babel/traverse");
+  traverse(ast, {
+    CallExpression(path) {
+      nodes.push(path.node);
+    }
+  });
+  const results = [];
+  for (const node of nodes) {
+    const { callee, arguments: args } = node;
+    if (callee.type !== "Identifier" || callee.name !== "_c" || args[1].type !== "ObjectExpression")
+      continue;
+    const directives = (_a = args[1].properties.find((property) => property.type === "ObjectProperty" && property.key.type === "Identifier" && property.key.name === "directives")) == null ? void 0 : _a.value;
+    if (!directives || directives.type !== "ArrayExpression")
+      continue;
+    const renderStart = getRenderFnStart(ast);
+    for (const directive of directives.elements) {
+      if ((directive == null ? void 0 : directive.type) !== "ObjectExpression")
+        continue;
+      const nameNode = (_b = directive.properties.find((p) => p.type === "ObjectProperty" && p.key.type === "Identifier" && p.key.name === "name")) == null ? void 0 : _b.value;
+      if ((nameNode == null ? void 0 : nameNode.type) !== "StringLiteral")
+        continue;
+      const name = nameNode.value;
+      if (!name || name.startsWith("_"))
+        continue;
+      results.push({
+        rawName: name,
+        replace: (resolved) => {
+          s.prependLeft(renderStart, `
+this.$options.directives["${name}"] = ${resolved};`);
+        }
+      });
+    }
+  }
+  return results;
+}
+
+// src/core/transforms/directive/vue3.ts
+function resolveVue32(code, s) {
+  const results = [];
+  for (const match of code.matchAll(/_resolveDirective\("(.+?)"\)/g)) {
+    const matchedName = match[1];
+    if (match.index != null && matchedName && !matchedName.startsWith("_")) {
+      const start = match.index;
+      const end = start + match[0].length;
+      results.push({
+        rawName: matchedName,
+        replace: (resolved) => s.overwrite(start, end, resolved)
+      });
+    }
+  }
+  return results;
+}
+
+// src/core/transforms/directive/index.ts
 var debug3 = Debug3("unplugin-vue-components:transform:directive");
-var directive_default = async (code, transformer, s, ctx, sfcPath) => {
+async function transformDirective(code, transformer, s, ctx, sfcPath) {
   let no = 0;
-  const { resolve: resolve3 } = await (transformer === "vue2" ? Promise.resolve().then(() => __toModule(__require("./vue2-6CUOXSRO.mjs"))) : Promise.resolve().then(() => __toModule(__require("./vue3-G4UGETVC.mjs"))));
-  const results = resolve3(code, s);
+  const results = await (transformer === "vue2" ? resolveVue22(code, s) : resolveVue32(code, s));
   for (const { rawName, replace } of results) {
     debug3(`| ${rawName}`);
     const name = pascalCase(rawName);
@@ -218,26 +294,26 @@ var directive_default = async (code, transformer, s, ctx, sfcPath) => {
     replace(varName);
   }
   debug3(`^ (${no})`);
-};
+}
 
 // src/core/transformer.ts
 var debug4 = Debug4("unplugin-vue-components:transformer");
-var transformer_default = (ctx, transformer) => {
+function tranformer(ctx, transformer) {
   return async (code, id, path) => {
     ctx.searchGlob();
     const sfcPath = ctx.normalizePath(path);
     debug4(sfcPath);
     const s = new MagicString(code);
-    await component_default(code, transformer, s, ctx, sfcPath);
+    await transformComponent(code, transformer, s, ctx, sfcPath);
     if (ctx.options.directives)
-      await directive_default(code, transformer, s, ctx, sfcPath);
+      await transformDirective(code, transformer, s, ctx, sfcPath);
     s.prepend(DISABLE_COMMENT);
     const result = { code: s.toString() };
     if (ctx.sourcemap)
       result.map = s.generateMap({ source: id, includeContent: true });
     return result;
   };
-};
+}
 
 // src/core/context.ts
 var debug5 = {
@@ -272,7 +348,7 @@ var Context = class {
   }
   setTransformer(name) {
     debug5.env("transformer", name);
-    this.transformer = transformer_default(this, name || "vue3");
+    this.transformer = tranformer(this, name || "vue3");
   }
   transform(code, id) {
     const { path, query } = parseId(id);
@@ -373,7 +449,9 @@ var Context = class {
     if (info && !excludePaths.includes(info.path) && !excludePaths.includes(info.path.slice(1)))
       return info;
     for (const resolver of this.options.resolvers) {
-      const result = await resolver(name, type);
+      if (resolver.type !== type)
+        continue;
+      const result = await resolver.resolve(name);
       if (result) {
         if (typeof result === "string") {
           info = {

package/dist/{chunk-VAQPFZLT.mjs → chunk-GZWBUYKE.mjs}

@@ -50,6 +50,14 @@ function matchGlobs(filepath, globs) {
   }
   return false;
 }
+function getTransformedPath(path, ctx) {
+  if (ctx.options.importPathTransform) {
+    const result = ctx.options.importPathTransform(path);
+    if (result != null)
+      path = result;
+  }
+  return path;
+}
 function stringifyImport(info) {
   if (typeof info === "string")
     return `import '${info}'`;
@@ -61,11 +69,7 @@ function stringifyImport(info) {
     return `import ${info.name} from '${info.path}'`;
 }
 function stringifyComponentImport({ name, path, importName, sideEffects }, ctx) {
-  if (ctx.options.importPathTransform) {
-    const result = ctx.options.importPathTransform(path);
-    if (result != null)
-      path = result;
-  }
+  path = getTransformedPath(path, ctx);
   const imports = [
     stringifyImport({ name, path, importName })
   ];
@@ -157,23 +161,29 @@ function LibraryResolver(options) {
   } = options;
   if (!entries) {
     console.warn(`[unplugin-vue-components] Failed to load Vetur tags from library "${libraryName}"`);
-    return () => {
+    return {
+      type: "component",
+      resolve: () => {
+      }
     };
   }
   debug(entries);
   const prefixKebab = kebabCase(prefix);
   const kebabEntries = entries.map((name) => ({ name, kebab: kebabCase(name) }));
-  return (name) => {
-    const kebab = kebabCase(name);
-    let componentName = kebab;
-    if (prefixKebab) {
-      if (!kebab.startsWith(`${prefixKebab}-`))
-        return;
-      componentName = kebab.slice(prefixKebab.length + 1);
-    }
-    for (const entry of kebabEntries) {
-      if (entry.kebab === componentName)
-        return { path: libraryName, importName: entry.name };
+  return {
+    type: "component",
+    resolve: (name) => {
+      const kebab = kebabCase(name);
+      let componentName = kebab;
+      if (prefixKebab) {
+        if (!kebab.startsWith(`${prefixKebab}-`))
+          return;
+        componentName = kebab.slice(prefixKebab.length + 1);
+      }
+      for (const entry of kebabEntries) {
+        if (entry.kebab === componentName)
+          return { path: libraryName, importName: entry.name };
+      }
     }
   };
 }
@@ -185,6 +195,7 @@ export {
   kebabCase,
   parseId,
   matchGlobs,
+  getTransformedPath,
   stringifyComponentImport,
   getNameFromFilePath,
   resolveAlias,

package/dist/{chunk-YBT6MD7S.js → chunk-LWMWOXVQ.js}

@@ -53,6 +53,14 @@ function matchGlobs(filepath, globs) {
   }
   return false;
 }
+function getTransformedPath(path, ctx) {
+  if (ctx.options.importPathTransform) {
+    const result = ctx.options.importPathTransform(path);
+    if (result != null)
+      path = result;
+  }
+  return path;
+}
 function stringifyImport(info) {
   if (typeof info === "string")
     return `import '${info}'`;
@@ -64,11 +72,7 @@ function stringifyImport(info) {
     return `import ${info.name} from '${info.path}'`;
 }
 function stringifyComponentImport({ name, path, importName, sideEffects }, ctx) {
-  if (ctx.options.importPathTransform) {
-    const result = ctx.options.importPathTransform(path);
-    if (result != null)
-      path = result;
-  }
+  path = getTransformedPath(path, ctx);
   const imports = [
     stringifyImport({ name, path, importName })
   ];
@@ -161,23 +165,29 @@ function LibraryResolver(options) {
   } = options;
   if (!entries) {
     console.warn(`[unplugin-vue-components] Failed to load Vetur tags from library "${libraryName}"`);
-    return () => {
+    return {
+      type: "component",
+      resolve: () => {
+      }
     };
   }
   debug(entries);
   const prefixKebab = kebabCase(prefix);
   const kebabEntries = entries.map((name) => ({ name, kebab: kebabCase(name) }));
-  return (name) => {
-    const kebab = kebabCase(name);
-    let componentName = kebab;
-    if (prefixKebab) {
-      if (!kebab.startsWith(`${prefixKebab}-`))
-        return;
-      componentName = kebab.slice(prefixKebab.length + 1);
-    }
-    for (const entry of kebabEntries) {
-      if (entry.kebab === componentName)
-        return { path: libraryName, importName: entry.name };
+  return {
+    type: "component",
+    resolve: (name) => {
+      const kebab = kebabCase(name);
+      let componentName = kebab;
+      if (prefixKebab) {
+        if (!kebab.startsWith(`${prefixKebab}-`))
+          return;
+        componentName = kebab.slice(prefixKebab.length + 1);
+      }
+      for (const entry of kebabEntries) {
+        if (entry.kebab === componentName)
+          return { path: libraryName, importName: entry.name };
+      }
     }
   };
 }
@@ -197,4 +207,5 @@ function LibraryResolver(options) {
 
 
 
-exports.DISABLE_COMMENT = DISABLE_COMMENT; exports.pascalCase = pascalCase; exports.camelCase = camelCase; exports.kebabCase = kebabCase; exports.parseId = parseId; exports.matchGlobs = matchGlobs; exports.stringifyComponentImport = stringifyComponentImport; exports.getNameFromFilePath = getNameFromFilePath; exports.resolveAlias = resolveAlias; exports.getPkgVersion = getPkgVersion; exports.shouldTransform = shouldTransform; exports.resolveImportPath = resolveImportPath; exports.tryLoadVeturTags = tryLoadVeturTags; exports.LibraryResolver = LibraryResolver;
+
+exports.DISABLE_COMMENT = DISABLE_COMMENT; exports.pascalCase = pascalCase; exports.camelCase = camelCase; exports.kebabCase = kebabCase; exports.parseId = parseId; exports.matchGlobs = matchGlobs; exports.getTransformedPath = getTransformedPath; exports.stringifyComponentImport = stringifyComponentImport; exports.getNameFromFilePath = getNameFromFilePath; exports.resolveAlias = resolveAlias; exports.getPkgVersion = getPkgVersion; exports.shouldTransform = shouldTransform; exports.resolveImportPath = resolveImportPath; exports.tryLoadVeturTags = tryLoadVeturTags; exports.LibraryResolver = LibraryResolver;

package/dist/{chunk-6FGVCWLF.js → chunk-SFAP23Y4.js}

@@ -8,8 +8,8 @@
 
 
 
-var _chunkYBT6MD7Sjs = require('./chunk-YBT6MD7S.js');
 
+var _chunkLWMWOXVQjs = require('./chunk-LWMWOXVQ.js');
 
 
 
@@ -49,11 +49,14 @@ var defaultOptions = {
   importPathTransform: (v) => v,
   allowOverrides: false
 };
+function normalizeResolvers(resolvers) {
+  return _utils.toArray.call(void 0, resolvers).flat().map((r) => typeof r === "function" ? { resolve: r, type: "component" } : r);
+}
 function resolveOptions(options, root) {
   const resolved = Object.assign({}, defaultOptions, options);
   resolved.libraries = _utils.toArray.call(void 0, resolved.libraries).map((i) => typeof i === "string" ? { name: i } : i);
-  resolved.resolvers = _utils.toArray.call(void 0, resolved.resolvers);
-  resolved.resolvers.push(...resolved.libraries.map((lib) => _chunkYBT6MD7Sjs.LibraryResolver.call(void 0, lib)));
+  resolved.resolvers = normalizeResolvers(resolved.resolvers);
+  resolved.resolvers.push(...resolved.libraries.map((lib) => _chunkLWMWOXVQjs.LibraryResolver.call(void 0, lib)));
   resolved.extensions = _utils.toArray.call(void 0, resolved.extensions);
   if (resolved.globs) {
     resolved.globs = _utils.toArray.call(void 0, resolved.globs).map((glob) => _utils.slash.call(void 0, _path.resolve.call(void 0, root, glob)));
@@ -68,7 +71,7 @@ function resolveOptions(options, root) {
   resolved.dts = !options.dts ? false : _path.resolve.call(void 0, root, typeof options.dts === "string" ? options.dts : "components.d.ts");
   resolved.root = root;
   resolved.transformer = options.transformer || getVueVersion() || "vue3";
-  resolved.directives = typeof options.directives === "boolean" ? options.directives : getVueVersion() === "vue3";
+  resolved.directives = typeof options.directives === "boolean" ? options.directives : !resolved.resolvers.some((i) => i.type === "directive") ? false : getVueVersion() === "vue3";
   return resolved;
 }
 function getVueVersion() {
@@ -117,6 +120,7 @@ async function generateDeclaration(ctx, root, filepath) {
   const imports = Object.fromEntries(Object.values(_chunk7T67WII5js.__spreadValues.call(void 0, _chunk7T67WII5js.__spreadValues.call(void 0, {}, ctx.componentNameMap), ctx.componentCustomMap)).map(({ path, name, importName }) => {
     if (!name)
       return void 0;
+    path = _chunkLWMWOXVQjs.getTransformedPath.call(void 0, path, ctx);
     const related = _path.isAbsolute.call(void 0, path) ? `./${_path.relative.call(void 0, _path.dirname.call(void 0, filepath), path)}` : path;
     let entry = `typeof import('${_utils.slash.call(void 0, related)}')`;
     if (importName)
@@ -189,67 +193,141 @@ var resolveVue3 = (code, s) => {
   }
   return results;
 };
-var component_default = async (code, transformer, s, ctx, sfcPath) => {
+async function transformComponent(code, transformer, s, ctx, sfcPath) {
   let no = 0;
   const results = transformer === "vue2" ? resolveVue2(code, s) : resolveVue3(code, s);
   for (const { rawName, replace } of results) {
     debug2(`| ${rawName}`);
-    const name = _chunkYBT6MD7Sjs.pascalCase.call(void 0, rawName);
+    const name = _chunkLWMWOXVQjs.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(`${_chunkYBT6MD7Sjs.stringifyComponentImport.call(void 0, _chunk7T67WII5js.__spreadProps.call(void 0, _chunk7T67WII5js.__spreadValues.call(void 0, {}, component), { name: varName }), ctx)};
+      s.prepend(`${_chunkLWMWOXVQjs.stringifyComponentImport.call(void 0, _chunk7T67WII5js.__spreadProps.call(void 0, _chunk7T67WII5js.__spreadValues.call(void 0, {}, component), { name: varName }), ctx)};
 `);
       no += 1;
       replace(varName);
     }
   }
   debug2(`^ (${no})`);
-};
+}
 
 // src/core/transforms/directive/index.ts
 _chunk7T67WII5js.init_cjs_shims.call(void 0, );
 
+
+// src/core/transforms/directive/vue2.ts
+_chunk7T67WII5js.init_cjs_shims.call(void 0, );
+
+var getRenderFnStart = (ast) => {
+  const renderFn = ast.program.body.find((node) => node.type === "VariableDeclaration" && node.declarations[0].id.type === "Identifier" && node.declarations[0].id.name === "render");
+  const start = (renderFn == null ? void 0 : renderFn.declarations[0].init).body.start;
+  if (start === null)
+    throw new Error("[unplugin-vue-components:directive] Cannot find render function position.");
+  return start + 1;
+};
+async function resolveVue22(code, s) {
+  var _a, _b;
+  if (!_localpkg.isPackageExists.call(void 0, "@babel/parser") || !_localpkg.isPackageExists.call(void 0, "@babel/traverse"))
+    throw new Error('[unplugin-vue-components:directive] To use Vue 2 directive you will need to install Babel first: "npm install -D @babel/parser @babel/traverse"');
+  const { parse } = await _localpkg.importModule.call(void 0, "@babel/parser");
+  const ast = parse(code, {
+    sourceType: "module"
+  });
+  const nodes = [];
+  const { default: traverse } = await _localpkg.importModule.call(void 0, "@babel/traverse");
+  traverse(ast, {
+    CallExpression(path) {
+      nodes.push(path.node);
+    }
+  });
+  const results = [];
+  for (const node of nodes) {
+    const { callee, arguments: args } = node;
+    if (callee.type !== "Identifier" || callee.name !== "_c" || args[1].type !== "ObjectExpression")
+      continue;
+    const directives = (_a = args[1].properties.find((property) => property.type === "ObjectProperty" && property.key.type === "Identifier" && property.key.name === "directives")) == null ? void 0 : _a.value;
+    if (!directives || directives.type !== "ArrayExpression")
+      continue;
+    const renderStart = getRenderFnStart(ast);
+    for (const directive of directives.elements) {
+      if ((directive == null ? void 0 : directive.type) !== "ObjectExpression")
+        continue;
+      const nameNode = (_b = directive.properties.find((p) => p.type === "ObjectProperty" && p.key.type === "Identifier" && p.key.name === "name")) == null ? void 0 : _b.value;
+      if ((nameNode == null ? void 0 : nameNode.type) !== "StringLiteral")
+        continue;
+      const name = nameNode.value;
+      if (!name || name.startsWith("_"))
+        continue;
+      results.push({
+        rawName: name,
+        replace: (resolved) => {
+          s.prependLeft(renderStart, `
+this.$options.directives["${name}"] = ${resolved};`);
+        }
+      });
+    }
+  }
+  return results;
+}
+
+// src/core/transforms/directive/vue3.ts
+_chunk7T67WII5js.init_cjs_shims.call(void 0, );
+function resolveVue32(code, s) {
+  const results = [];
+  for (const match of code.matchAll(/_resolveDirective\("(.+?)"\)/g)) {
+    const matchedName = match[1];
+    if (match.index != null && matchedName && !matchedName.startsWith("_")) {
+      const start = match.index;
+      const end = start + match[0].length;
+      results.push({
+        rawName: matchedName,
+        replace: (resolved) => s.overwrite(start, end, resolved)
+      });
+    }
+  }
+  return results;
+}
+
+// src/core/transforms/directive/index.ts
 var debug3 = _debug2.default.call(void 0, "unplugin-vue-components:transform:directive");
-var directive_default = async (code, transformer, s, ctx, sfcPath) => {
+async function transformDirective(code, transformer, s, ctx, sfcPath) {
   let no = 0;
-  const { resolve: resolve3 } = await (transformer === "vue2" ? Promise.resolve().then(() => _chunk7T67WII5js.__toModule.call(void 0, _chunk7T67WII5js.__require.call(void 0, "./vue2-7V6W2UKA.js"))) : Promise.resolve().then(() => _chunk7T67WII5js.__toModule.call(void 0, _chunk7T67WII5js.__require.call(void 0, "./vue3-RH55KBXM.js"))));
-  const results = resolve3(code, s);
+  const results = await (transformer === "vue2" ? resolveVue22(code, s) : resolveVue32(code, s));
   for (const { rawName, replace } of results) {
     debug3(`| ${rawName}`);
-    const name = _chunkYBT6MD7Sjs.pascalCase.call(void 0, rawName);
+    const name = _chunkLWMWOXVQjs.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(`${_chunkYBT6MD7Sjs.stringifyComponentImport.call(void 0, _chunk7T67WII5js.__spreadProps.call(void 0, _chunk7T67WII5js.__spreadValues.call(void 0, {}, directive), { name: varName }), ctx)};
+    s.prepend(`${_chunkLWMWOXVQjs.stringifyComponentImport.call(void 0, _chunk7T67WII5js.__spreadProps.call(void 0, _chunk7T67WII5js.__spreadValues.call(void 0, {}, directive), { name: varName }), ctx)};
 `);
     no += 1;
     replace(varName);
   }
   debug3(`^ (${no})`);
-};
+}
 
 // src/core/transformer.ts
 var debug4 = _debug2.default.call(void 0, "unplugin-vue-components:transformer");
-var transformer_default = (ctx, transformer) => {
+function tranformer(ctx, transformer) {
   return async (code, id, path) => {
     ctx.searchGlob();
     const sfcPath = ctx.normalizePath(path);
     debug4(sfcPath);
     const s = new (0, _magicstring2.default)(code);
-    await component_default(code, transformer, s, ctx, sfcPath);
+    await transformComponent(code, transformer, s, ctx, sfcPath);
     if (ctx.options.directives)
-      await directive_default(code, transformer, s, ctx, sfcPath);
-    s.prepend(_chunkYBT6MD7Sjs.DISABLE_COMMENT);
+      await transformDirective(code, transformer, s, ctx, sfcPath);
+    s.prepend(_chunkLWMWOXVQjs.DISABLE_COMMENT);
     const result = { code: s.toString() };
     if (ctx.sourcemap)
       result.map = s.generateMap({ source: id, includeContent: true });
     return result;
   };
-};
+}
 
 // src/core/context.ts
 var debug5 = {
@@ -284,10 +362,10 @@ var Context = class {
   }
   setTransformer(name) {
     debug5.env("transformer", name);
-    this.transformer = transformer_default(this, name || "vue3");
+    this.transformer = tranformer(this, name || "vue3");
   }
   transform(code, id) {
-    const { path, query } = _chunkYBT6MD7Sjs.parseId.call(void 0, id);
+    const { path, query } = _chunkLWMWOXVQjs.parseId.call(void 0, id);
     return this.transformer(code, id, path, query);
   }
   setupViteServer(server) {
@@ -299,13 +377,13 @@ var Context = class {
   setupWatcher(watcher) {
     const { globs } = this.options;
     watcher.on("unlink", (path) => {
-      if (!_chunkYBT6MD7Sjs.matchGlobs.call(void 0, path, globs))
+      if (!_chunkLWMWOXVQjs.matchGlobs.call(void 0, path, globs))
         return;
       this.removeComponents(path);
       this.onUpdate(path);
     });
     watcher.on("add", (path) => {
-      if (!_chunkYBT6MD7Sjs.matchGlobs.call(void 0, path, globs))
+      if (!_chunkLWMWOXVQjs.matchGlobs.call(void 0, path, globs))
         return;
       this.addComponents(path);
       this.onUpdate(path);
@@ -351,7 +429,7 @@ var Context = class {
       updates: []
     };
     const timestamp = +new Date();
-    const name = _chunkYBT6MD7Sjs.pascalCase.call(void 0, _chunkYBT6MD7Sjs.getNameFromFilePath.call(void 0, path, this.options));
+    const name = _chunkLWMWOXVQjs.pascalCase.call(void 0, _chunkLWMWOXVQjs.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))}`;
@@ -369,7 +447,7 @@ var Context = class {
   updateComponentNameMap() {
     this._componentNameMap = {};
     Array.from(this._componentPaths).forEach((path) => {
-      const name = _chunkYBT6MD7Sjs.pascalCase.call(void 0, _chunkYBT6MD7Sjs.getNameFromFilePath.call(void 0, path, this.options));
+      const name = _chunkLWMWOXVQjs.pascalCase.call(void 0, _chunkLWMWOXVQjs.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;
@@ -385,7 +463,9 @@ var Context = class {
     if (info && !excludePaths.includes(info.path) && !excludePaths.includes(info.path.slice(1)))
       return info;
     for (const resolver of this.options.resolvers) {
-      const result = await resolver(name, type);
+      if (resolver.type !== type)
+        continue;
+      const result = await resolver.resolve(name);
       if (result) {
         if (typeof result === "string") {
           info = {
@@ -407,7 +487,7 @@ var Context = class {
   }
   normalizePath(path) {
     var _a, _b, _c;
-    return _chunkYBT6MD7Sjs.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 _chunkLWMWOXVQjs.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))
@@ -446,7 +526,7 @@ var unplugin_default = _unplugin.createUnplugin.call(void 0, (options = {}) => {
       return filter(id);
     },
     async transform(code, id) {
-      if (!_chunkYBT6MD7Sjs.shouldTransform.call(void 0, code))
+      if (!_chunkLWMWOXVQjs.shouldTransform.call(void 0, code))
         return null;
       try {
         const result = await ctx.transform(code, id);

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import { Options } from './types';
-export { ComponentInfo, ComponentResolveResult, ComponentResolver, ComponentsImportMap, ImportInfo, Matcher, Options, ResolvedOptions, SideEffectsInfo, SupportedTransformer, Transformer, UILibraryOptions } from './types';
+export { ComponentInfo, ComponentResolveResult, ComponentResolver, ComponentResolverFunction, ComponentResolverObject, ComponentsImportMap, ImportInfo, Matcher, Options, ResolvedOptions, SideEffectsInfo, SupportedTransformer, Transformer, UILibraryOptions } from './types';
 import * as unplugin from 'unplugin';
 import '@rollup/pluginutils';
 import '@antfu/utils';

package/dist/index.js

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk6FGVCWLFjs = require('./chunk-6FGVCWLF.js');
+var _chunkSFAP23Y4js = require('./chunk-SFAP23Y4.js');
 
 
 
 
-var _chunkYBT6MD7Sjs = require('./chunk-YBT6MD7S.js');
+var _chunkLWMWOXVQjs = require('./chunk-LWMWOXVQ.js');
 require('./chunk-LKFHSEPW.js');
 require('./chunk-7T67WII5.js');
 
@@ -13,4 +13,4 @@ require('./chunk-7T67WII5.js');
 
 
 
-exports.camelCase = _chunkYBT6MD7Sjs.camelCase; exports.default = _chunk6FGVCWLFjs.unplugin_default; exports.kebabCase = _chunkYBT6MD7Sjs.kebabCase; exports.pascalCase = _chunkYBT6MD7Sjs.pascalCase;
+exports.camelCase = _chunkLWMWOXVQjs.camelCase; exports.default = _chunkSFAP23Y4js.unplugin_default; exports.kebabCase = _chunkLWMWOXVQjs.kebabCase; exports.pascalCase = _chunkLWMWOXVQjs.pascalCase;