fix: better type detection and exclude duplicate components

Author: farnabaz

src/module.ts

@@ -44,6 +44,8 @@ export default defineNuxtModule<ModuleOptions>({
       'nuxt/dist/app/components/nuxt-route-announcer',
       'nuxt/dist/app/components/nuxt-stubs',
       (component) => component.filePath.endsWith('.svg')
+        // exclude d.vue.ts files, main vue files are already included and we don't need to include the d.vue.ts files
+        || component.filePath.endsWith('.d.vue.ts')
     ],
     include: [],
     metaFields: {

src/parser/index.ts

@@ -1,6 +1,6 @@
 import { createCheckerByJson } from "vue-component-meta"
 import type { ComponentMeta } from 'vue-component-meta'
-import { refineMeta } from "./utils"
+import { refineMeta, tryResolveTypesDeclaration } from "./utils"
 import { isAbsolute, join } from "pathe"
 import { existsSync, readFileSync, writeFileSync, mkdirSync } from 'fs'
 import { withBase } from "ufo"
@@ -57,26 +57,7 @@ export function getComponentMeta(component: string, options?: Options): Componen
  * @returns component meta
  */
 function _getComponentMeta(fullPath: string, opts: Options) {
-  // Check if the component is in node_modules and adjust configuration accordingly
-  const isNodeModule = fullPath.includes('node_modules')
-  
-  // For node_modules components, try to find the TypeScript declaration file first
-  let resolvedPath = fullPath
-  if (isNodeModule && fullPath.endsWith('.vue')) {
-    // Try different TypeScript declaration file patterns
-    const patterns = [
-      fullPath.replace('.vue', '.d.vue.ts'),
-      fullPath.replace('.vue', '.vue.d.ts'),
-      fullPath.replace('.vue', '.d.ts')
-    ]
-    
-    for (const pattern of patterns) {
-      if (existsSync(pattern)) {
-        resolvedPath = pattern
-        break
-      }
-    }
-  }
+  let resolvedPath = tryResolveTypesDeclaration(fullPath)
 
   const checker = createCheckerByJson(
     opts.rootDir,

src/parser/meta-parser.ts

@@ -7,7 +7,7 @@ import { resolvePathSync } from 'mlly'
 import { hash } from 'ohash'
 import type { ComponentMetaParserOptions, NuxtComponentMeta } from '../types/parser'
 import { defu } from 'defu'
-import { refineMeta } from './utils'
+import { refineMeta, tryResolveTypesDeclaration } from './utils'
 
 export function useComponentMetaParser (
   {
@@ -168,9 +168,10 @@ export function useComponentMetaParser (
         // We assume that components from node_modules don't change
         return
       }
+      const resolvedPath = tryResolveTypesDeclaration(component.fullPath)
 
       // Read component code
-      let code = fs.readFileSync(component.fullPath, 'utf-8')
+      let code = fs.readFileSync(resolvedPath, 'utf-8')
       const codeHash = hash(code)
       if (codeHash === component.meta.hash) {
         return
@@ -195,10 +196,10 @@ export function useComponentMetaParser (
 
 
         // Ensure file is updated
-        checker.updateFile(component.fullPath, code)
+        checker.updateFile(resolvedPath, code)
       }
 
-      const meta = checker.getComponentMeta(component.fullPath)
+      const meta = checker.getComponentMeta(resolvedPath)
 
       Object.assign(
         component.meta,

src/parser/utils.ts

@@ -1,6 +1,7 @@
 import { camelCase } from "scule"
 import type { ComponentMeta } from 'vue-component-meta'
 import type { ModuleOptions } from '../types/module'
+import { existsSync } from "fs"
 
 export function refineMeta(meta: ComponentMeta, fields: ModuleOptions['metaFields'] = { type: true, props: true, slots: true, events: true, exposed: true }, overrides: ModuleOptions['overrides'][string] = {}): ComponentMeta {
   const eventProps = new Set<string>(meta.events.map((event :any) => camelCase(`on_${event.name}`)))
@@ -133,3 +134,28 @@ function removeFields(obj: Record<string, any>, fieldsToRemove: string[]): any {
   }
   return obj;
 }
+
+export function tryResolveTypesDeclaration(fullPath: string): string {
+  // Check if the component is in node_modules and adjust configuration accordingly
+  const isNodeModule = fullPath.includes('node_modules')
+  
+  // For node_modules components, try to find the TypeScript declaration file first
+  let resolvedPath = fullPath
+  if (isNodeModule && fullPath.endsWith('.vue')) {
+    // Try different TypeScript declaration file patterns
+    const patterns = [
+      fullPath.replace('.vue', '.d.vue.ts'),
+      fullPath.replace('.vue', '.vue.d.ts'),
+      fullPath.replace('.vue', '.d.ts')
+    ]
+    
+    for (const pattern of patterns) {
+      if (existsSync(pattern)) {
+        resolvedPath = pattern
+        break
+      }
+    }
+  }
+
+  return resolvedPath
+}