unplugin-vue-components 0.26.0 → 0.27.0

package/README.md

@@ -65,7 +65,6 @@ export default {
 
 <br></details>
 
-
 <details>
 <summary>Webpack</summary><br>
 
@@ -117,6 +116,7 @@ module.exports = {
 ```
 
 You can also rename the Vue configuration file to `vue.config.mjs` and use static import syntax (you should use latest `@vue/cli-service ^5.0.8`):
+
 ```ts
 // vue.config.mjs
 import Components from 'unplugin-vue-components/webpack'
@@ -166,9 +166,9 @@ It will automatically turn this
 </template>
 
 <script>
-export default {
-  name: 'App'
-}
+  export default {
+    name: 'App',
+  }
 </script>
 ```
 
@@ -182,16 +182,17 @@ into this
 </template>
 
 <script>
-import HelloWorld from './src/components/HelloWorld.vue'
+  import HelloWorld from './src/components/HelloWorld.vue'
 
-export default {
-  name: 'App',
-  components: {
-    HelloWorld
+  export default {
+    name: 'App',
+    components: {
+      HelloWorld,
+    },
   }
-}
 </script>
 ```
+
 > **Note**
 > By default this plugin will import components in the `src/components` path. You can customize it using the `dirs` option.
 

package/dist/{chunk-UX65OJTH.cjs → chunk-5QHU6UOY.cjs}

@@ -122,17 +122,18 @@ function getNameFromFilePath(filePath, options) {
         for (const fileOrFolderName of namespaced) {
           let cumulativePrefix = "";
           let didCollapse = false;
+          const pascalCasedName = pascalCase(fileOrFolderName);
           for (const parentFolder of [...collapsed].reverse()) {
-            cumulativePrefix = `${capitalize(parentFolder)}${cumulativePrefix}`;
-            if (pascalCase(fileOrFolderName).startsWith(pascalCase(cumulativePrefix))) {
-              const collapseSamePrefix = fileOrFolderName.slice(cumulativePrefix.length);
+            cumulativePrefix = `${parentFolder}${cumulativePrefix}`;
+            if (pascalCasedName.startsWith(cumulativePrefix)) {
+              const collapseSamePrefix = pascalCasedName.slice(cumulativePrefix.length);
               collapsed.push(collapseSamePrefix);
               didCollapse = true;
               break;
             }
           }
           if (!didCollapse)
-            collapsed.push(fileOrFolderName);
+            collapsed.push(pascalCasedName);
         }
         namespaced = collapsed;
       }

package/dist/{chunk-GNWVEWZX.cjs → chunk-JGIUAMWP.cjs}

@@ -10,7 +10,7 @@
 
 
 
-var _chunkUX65OJTHcjs = require('./chunk-UX65OJTH.cjs');
+var _chunk5QHU6UOYcjs = require('./chunk-5QHU6UOY.cjs');
 
 
 
@@ -178,7 +178,7 @@ function parseDeclaration(code) {
 function stringifyComponentInfo(filepath, { from: path, as: name, name: importName }, importPathTransform) {
   if (!name)
     return void 0;
-  path = _chunkUX65OJTHcjs.getTransformedPath.call(void 0, path, importPathTransform);
+  path = _chunk5QHU6UOYcjs.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];
@@ -217,17 +217,14 @@ function getDeclaration(ctx, filepath, originalImports) {
     component: stringifyDeclarationImports(_chunkWJIU4Q36cjs.__spreadValues.call(void 0, _chunkWJIU4Q36cjs.__spreadValues.call(void 0, {}, originalImports == null ? void 0 : originalImports.component), imports.component)),
     directive: stringifyDeclarationImports(_chunkWJIU4Q36cjs.__spreadValues.call(void 0, _chunkWJIU4Q36cjs.__spreadValues.call(void 0, {}, originalImports == null ? void 0 : originalImports.directive), imports.directive))
   };
-  const head = ctx.options.version === 2.7 ? `export {}
-
-declare module 'vue' {` : `export {}
-
-declare module 'vue' {`;
   let code = `/* eslint-disable */
-/* prettier-ignore */
 // @ts-nocheck
 // Generated by unplugin-vue-components
 // Read more: https://github.com/vuejs/core/pull/3399
-${head}`;
+export {}
+
+/* prettier-ignore */
+declare module 'vue' {`;
   if (Object.keys(declarations.component).length > 0) {
     code += `
   export interface GlobalComponents {
@@ -299,12 +296,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 = _chunkUX65OJTHcjs.pascalCase.call(void 0, rawName);
+    const name = _chunk5QHU6UOYcjs.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(`${_chunkUX65OJTHcjs.stringifyComponentImport.call(void 0, _chunkWJIU4Q36cjs.__spreadProps.call(void 0, _chunkWJIU4Q36cjs.__spreadValues.call(void 0, {}, component), { as: varName }), ctx)};
+      s.prepend(`${_chunk5QHU6UOYcjs.stringifyComponentImport.call(void 0, _chunkWJIU4Q36cjs.__spreadProps.call(void 0, _chunkWJIU4Q36cjs.__spreadValues.call(void 0, {}, component), { as: varName }), ctx)};
 `);
       no += 1;
       replace(varName);
@@ -409,13 +406,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 = `${_chunkUX65OJTHcjs.DIRECTIVE_IMPORT_PREFIX}${_chunkUX65OJTHcjs.pascalCase.call(void 0, rawName)}`;
+    const name = `${_chunk5QHU6UOYcjs.DIRECTIVE_IMPORT_PREFIX}${_chunk5QHU6UOYcjs.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(`${_chunkUX65OJTHcjs.stringifyComponentImport.call(void 0, _chunkWJIU4Q36cjs.__spreadProps.call(void 0, _chunkWJIU4Q36cjs.__spreadValues.call(void 0, {}, directive), { as: varName }), ctx)};
+    s.prepend(`${_chunk5QHU6UOYcjs.stringifyComponentImport.call(void 0, _chunkWJIU4Q36cjs.__spreadProps.call(void 0, _chunkWJIU4Q36cjs.__spreadValues.call(void 0, {}, directive), { as: varName }), ctx)};
 `);
     no += 1;
     replace(varName);
@@ -434,7 +431,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(_chunkUX65OJTHcjs.DISABLE_COMMENT);
+    s.prepend(_chunk5QHU6UOYcjs.DISABLE_COMMENT);
     const result = { code: s.toString() };
     if (ctx.sourcemap)
       result.map = s.generateMap({ source: id, includeContent: true, hires: "boundary" });
@@ -479,7 +476,7 @@ var Context = class {
     this.transformer = transformer(this, name || "vue3");
   }
   transform(code, id) {
-    const { path, query } = _chunkUX65OJTHcjs.parseId.call(void 0, id);
+    const { path, query } = _chunk5QHU6UOYcjs.parseId.call(void 0, id);
     return this.transformer(code, id, path, query);
   }
   setupViteServer(server) {
@@ -491,14 +488,14 @@ var Context = class {
   setupWatcher(watcher) {
     const { globs } = this.options;
     watcher.on("unlink", (path) => {
-      if (!_chunkUX65OJTHcjs.matchGlobs.call(void 0, path, globs))
+      if (!_chunk5QHU6UOYcjs.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 (!_chunkUX65OJTHcjs.matchGlobs.call(void 0, path, globs))
+      if (!_chunk5QHU6UOYcjs.matchGlobs.call(void 0, path, globs))
         return;
       path = _utils.slash.call(void 0, path);
       this.addComponents(path);
@@ -511,14 +508,14 @@ var Context = class {
   setupWatcherWebpack(watcher, emitUpdate) {
     const { globs } = this.options;
     watcher.on("unlink", (path) => {
-      if (!_chunkUX65OJTHcjs.matchGlobs.call(void 0, path, globs))
+      if (!_chunk5QHU6UOYcjs.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 (!_chunkUX65OJTHcjs.matchGlobs.call(void 0, path, globs))
+      if (!_chunk5QHU6UOYcjs.matchGlobs.call(void 0, path, globs))
         return;
       path = _utils.slash.call(void 0, path);
       this.addComponents(path);
@@ -574,7 +571,7 @@ var Context = class {
       updates: []
     };
     const timestamp = +/* @__PURE__ */ new Date();
-    const name = _chunkUX65OJTHcjs.pascalCase.call(void 0, _chunkUX65OJTHcjs.getNameFromFilePath.call(void 0, path, this.options));
+    const name = _chunk5QHU6UOYcjs.pascalCase.call(void 0, _chunk5QHU6UOYcjs.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))}`;
@@ -592,7 +589,7 @@ var Context = class {
   updateComponentNameMap() {
     this._componentNameMap = {};
     Array.from(this._componentPaths).forEach((path) => {
-      const name = _chunkUX65OJTHcjs.pascalCase.call(void 0, _chunkUX65OJTHcjs.getNameFromFilePath.call(void 0, path, this.options));
+      const name = _chunk5QHU6UOYcjs.pascalCase.call(void 0, _chunk5QHU6UOYcjs.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;
@@ -610,7 +607,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(_chunkUX65OJTHcjs.DIRECTIVE_IMPORT_PREFIX.length) : name);
+      const result = await resolver.resolve(type === "directive" ? name.slice(_chunk5QHU6UOYcjs.DIRECTIVE_IMPORT_PREFIX.length) : name);
       if (!result)
         continue;
       if (typeof result === "string") {
@@ -621,7 +618,7 @@ var Context = class {
       } else {
         info = _chunkWJIU4Q36cjs.__spreadValues.call(void 0, {
           as: name
-        }, _chunkUX65OJTHcjs.normalizeComponentInfo.call(void 0, result));
+        }, _chunk5QHU6UOYcjs.normalizeComponentInfo.call(void 0, result));
       }
       if (type === "component")
         this.addCustomComponents(info);
@@ -633,7 +630,7 @@ var Context = class {
   }
   normalizePath(path) {
     var _a, _b, _c;
-    return _chunkUX65OJTHcjs.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 _chunk5QHU6UOYcjs.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))
@@ -682,7 +679,7 @@ var unplugin_default = _unplugin.createUnplugin.call(void 0, (options = {}) => {
       return await ctx.findComponent(name, "component", filename ? [filename] : []);
     },
     stringifyImport(info) {
-      return _chunkUX65OJTHcjs.stringifyComponentImport.call(void 0, info, ctx);
+      return _chunk5QHU6UOYcjs.stringifyComponentImport.call(void 0, info, ctx);
     }
   };
   return {
@@ -693,7 +690,7 @@ var unplugin_default = _unplugin.createUnplugin.call(void 0, (options = {}) => {
       return filter(id);
     },
     async transform(code, id) {
-      if (!_chunkUX65OJTHcjs.shouldTransform.call(void 0, code))
+      if (!_chunk5QHU6UOYcjs.shouldTransform.call(void 0, code))
         return null;
       try {
         const result = await ctx.transform(code, id);

package/dist/{chunk-WRE7G5OD.js → chunk-SQHKCPM6.js}

@@ -122,17 +122,18 @@ function getNameFromFilePath(filePath, options) {
         for (const fileOrFolderName of namespaced) {
           let cumulativePrefix = "";
           let didCollapse = false;
+          const pascalCasedName = pascalCase(fileOrFolderName);
           for (const parentFolder of [...collapsed].reverse()) {
-            cumulativePrefix = `${capitalize(parentFolder)}${cumulativePrefix}`;
-            if (pascalCase(fileOrFolderName).startsWith(pascalCase(cumulativePrefix))) {
-              const collapseSamePrefix = fileOrFolderName.slice(cumulativePrefix.length);
+            cumulativePrefix = `${parentFolder}${cumulativePrefix}`;
+            if (pascalCasedName.startsWith(cumulativePrefix)) {
+              const collapseSamePrefix = pascalCasedName.slice(cumulativePrefix.length);
               collapsed.push(collapseSamePrefix);
               didCollapse = true;
               break;
             }
           }
           if (!didCollapse)
-            collapsed.push(fileOrFolderName);
+            collapsed.push(pascalCasedName);
         }
         namespaced = collapsed;
       }

package/dist/{chunk-LAHXDHMT.js → chunk-TSU3OFN5.js}

@@ -10,7 +10,7 @@ import {
   resolveAlias,
   shouldTransform,
   stringifyComponentImport
-} from "./chunk-WRE7G5OD.js";
+} from "./chunk-SQHKCPM6.js";
 import {
   __spreadProps,
   __spreadValues
@@ -217,17 +217,14 @@ function getDeclaration(ctx, filepath, originalImports) {
     component: stringifyDeclarationImports(__spreadValues(__spreadValues({}, originalImports == null ? void 0 : originalImports.component), imports.component)),
     directive: stringifyDeclarationImports(__spreadValues(__spreadValues({}, originalImports == null ? void 0 : originalImports.directive), imports.directive))
   };
-  const head = ctx.options.version === 2.7 ? `export {}
-
-declare module 'vue' {` : `export {}
-
-declare module 'vue' {`;
   let code = `/* eslint-disable */
-/* prettier-ignore */
 // @ts-nocheck
 // Generated by unplugin-vue-components
 // Read more: https://github.com/vuejs/core/pull/3399
-${head}`;
+export {}
+
+/* prettier-ignore */
+declare module 'vue' {`;
   if (Object.keys(declarations.component).length > 0) {
     code += `
   export interface GlobalComponents {

package/dist/esbuild.cjs

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkGNWVEWZXcjs = require('./chunk-GNWVEWZX.cjs');
-require('./chunk-UX65OJTH.cjs');
+var _chunkJGIUAMWPcjs = require('./chunk-JGIUAMWP.cjs');
+require('./chunk-5QHU6UOY.cjs');
 require('./chunk-WJIU4Q36.cjs');
 require('./chunk-ZBPRDZS4.cjs');
 
 // src/esbuild.ts
-var esbuild_default = _chunkGNWVEWZXcjs.unplugin_default.esbuild;
+var esbuild_default = _chunkJGIUAMWPcjs.unplugin_default.esbuild;
 
 
 exports.default = esbuild_default;

package/dist/esbuild.js

@@ -1,7 +1,7 @@
 import {
   unplugin_default
-} from "./chunk-LAHXDHMT.js";
-import "./chunk-WRE7G5OD.js";
+} from "./chunk-TSU3OFN5.js";
+import "./chunk-SQHKCPM6.js";
 import "./chunk-5JVO2UWC.js";
 import "./chunk-6F4PWJZI.js";
 

package/dist/index.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkGNWVEWZXcjs = require('./chunk-GNWVEWZX.cjs');
+var _chunkJGIUAMWPcjs = require('./chunk-JGIUAMWP.cjs');
 
 
 
 
-var _chunkUX65OJTHcjs = require('./chunk-UX65OJTH.cjs');
+var _chunk5QHU6UOYcjs = require('./chunk-5QHU6UOY.cjs');
 require('./chunk-WJIU4Q36.cjs');
 require('./chunk-ZBPRDZS4.cjs');
 
@@ -13,4 +13,4 @@ require('./chunk-ZBPRDZS4.cjs');
 
 
 
-exports.camelCase = _chunkUX65OJTHcjs.camelCase; exports.default = _chunkGNWVEWZXcjs.unplugin_default; exports.kebabCase = _chunkUX65OJTHcjs.kebabCase; exports.pascalCase = _chunkUX65OJTHcjs.pascalCase;
+exports.camelCase = _chunk5QHU6UOYcjs.camelCase; exports.default = _chunkJGIUAMWPcjs.unplugin_default; exports.kebabCase = _chunk5QHU6UOYcjs.kebabCase; exports.pascalCase = _chunk5QHU6UOYcjs.pascalCase;

package/dist/index.js

@@ -1,11 +1,11 @@
 import {
   unplugin_default
-} from "./chunk-LAHXDHMT.js";
+} from "./chunk-TSU3OFN5.js";
 import {
   camelCase,
   kebabCase,
   pascalCase
-} from "./chunk-WRE7G5OD.js";
+} from "./chunk-SQHKCPM6.js";
 import "./chunk-5JVO2UWC.js";
 import "./chunk-6F4PWJZI.js";
 export {

package/dist/nuxt.cjs

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkGNWVEWZXcjs = require('./chunk-GNWVEWZX.cjs');
-require('./chunk-UX65OJTH.cjs');
+var _chunkJGIUAMWPcjs = require('./chunk-JGIUAMWP.cjs');
+require('./chunk-5QHU6UOY.cjs');
 require('./chunk-WJIU4Q36.cjs');
 require('./chunk-ZBPRDZS4.cjs');
 
@@ -9,8 +9,8 @@ require('./chunk-ZBPRDZS4.cjs');
 var _kit = require('@nuxt/kit');
 var nuxt_default = _kit.defineNuxtModule.call(void 0, {
   setup(options) {
-    _kit.addWebpackPlugin.call(void 0, _chunkGNWVEWZXcjs.unplugin_default.webpack(options));
-    _kit.addVitePlugin.call(void 0, _chunkGNWVEWZXcjs.unplugin_default.vite(options));
+    _kit.addWebpackPlugin.call(void 0, _chunkJGIUAMWPcjs.unplugin_default.webpack(options));
+    _kit.addVitePlugin.call(void 0, _chunkJGIUAMWPcjs.unplugin_default.vite(options));
   }
 });
 

package/dist/nuxt.js

@@ -1,7 +1,7 @@
 import {
   unplugin_default
-} from "./chunk-LAHXDHMT.js";
-import "./chunk-WRE7G5OD.js";
+} from "./chunk-TSU3OFN5.js";
+import "./chunk-SQHKCPM6.js";
 import "./chunk-5JVO2UWC.js";
 import "./chunk-6F4PWJZI.js";