fix: warning for components with same name

Author: antfu

README.md

@@ -78,7 +78,7 @@ The following show the default values of the configuration
 
 ```ts
 ViteComponents({
-  // Relative path to the directory to search for components.
+  // Relative paths to the directory to search for components.
   dirs: ['src/components'],
   // Valid file extensions for components.
   extensions: ['vue'],

src/glob.ts renamed to src/fs/glob.ts

@@ -1,8 +1,8 @@
 import path from 'path'
 import fg from 'fast-glob'
 import Debug from 'debug'
-import { ComponentsInfo } from './types'
-import { Context } from './context'
+import { ComponentsInfo } from '../types'
+import { Context } from '../context'
 
 const debug = Debug('vite-plugin-components:glob')
 
@@ -50,7 +50,19 @@ export async function searchComponents(ctx: Context, force = false) {
       if (!files.length)
         console.warn('[vite-plugin-components] no components found')
 
-      const components: ComponentsInfo[] = files.map(f => [path.parse(f).name, `/${f}`])
+      const nameSets = new Set<string>()
+      const components = files
+        .map((f): ComponentsInfo => [path.parse(f).name, `/${f}`])
+        .filter(([name, path]) => {
+          if (nameSets.has(name)) {
+            console.warn(`[vite-plugin-components] component "${name}"(${path}) has naming conflicts with other components, ignored.`)
+            return false
+          }
+          else {
+            nameSets.add(name)
+            return true
+          }
+        })
 
       debug(`${components.length} components found.`)
       debug(components.map(i => i[0]))

src/plugins/build.ts

@@ -1,7 +1,7 @@
 import type { Plugin } from 'rollup'
 import { isResolverPath, generateResolver } from '../generator/resolver'
-import { Context } from '../types'
-import { searchComponents } from '../glob'
+import { searchComponents } from '../fs/glob'
+import { Context } from '../context'
 
 export function createRollupPlugin(ctx: Context): Plugin {
   return {

src/plugins/server.ts

@@ -1,7 +1,7 @@
 import type { ServerPlugin } from 'vite'
-import { Context } from '../types'
 import { isResolverPath, generateResolver } from '../generator/resolver'
-import { searchComponents } from '../glob'
+import { searchComponents } from '../fs/glob'
+import { Context } from '../context'
 
 export function createServerPlugin(context: Context): ServerPlugin {
   return ({ app, watcher }) => {

src/types.ts

@@ -3,7 +3,7 @@
  */
 export interface Options {
   /**
-   * Relative path to the directory to search for components.
+   * Relative paths to the directory to search for components.
    * @default 'src/components'
    */
   dirs: string | string[]