fix: include .vue files when resolving tsconfig include patterns

fix #469

Author: qmhc

packages/unplugin-dts/src/core/processor/vue.ts

@@ -1,14 +1,46 @@
+import { dirname } from 'node:path'
+
 import {
-  createParsedCommandLine,
   createVueLanguagePlugin,
+  createParsedCommandLine as createVueParsedCommandLine,
   getDefaultCompilerOptions,
 } from '@vue/language-core'
 
 import { proxyCreateProgram } from '@volar/typescript'
 import ts from '../ts-loader.cjs'
 import { slash } from '../utils'
 
-export { createParsedCommandLine } from './ts'
+export function createParsedCommandLine(
+  _ts: typeof ts,
+  host: ts.ParseConfigHost,
+  configPath: string,
+) {
+  // Use @vue/language-core to parse vueCompilerOptions, but its readDirectory
+  // returns [] which breaks glob expansion. We combine it with native TS parsing
+  // that adds .vue to supported extensions so include patterns work correctly.
+  const vueResult = createVueParsedCommandLine(_ts, host, slash(configPath))
+
+  const config = _ts.readJsonConfigFile(configPath, host.readFile)
+  const vueHost: ts.ParseConfigHost = {
+    ...host,
+    readDirectory(rootDir, extensions, excludes, includes, depth) {
+      const extendedExtensions = extensions ? [...extensions, '.vue'] : extensions
+      return host.readDirectory(rootDir, extendedExtensions, excludes, includes, depth)
+    },
+  }
+  const parsed = _ts.parseJsonSourceFileConfigFileContent(
+    config,
+    vueHost,
+    dirname(configPath),
+    {},
+    configPath,
+  )
+
+  return {
+    ...parsed,
+    vueOptions: vueResult.vueOptions,
+  }
+}
 
 export const createProgram = proxyCreateProgram(ts, ts.createProgram, (ts, options) => {
   const { configFilePath } = options.options

packages/unplugin-dts/tests/runtime.spec.ts

@@ -48,6 +48,56 @@ describe('runtime tests', () => {
     expect(normalizePath(alias!.replacement)).toBe(normalizePath(resolve(tempDir, 'src/$1')))
   })
 
+  it('should include .vue files when using glob patterns with processor vue', async () => {
+    tempDir = mkdtempSync(resolve(tmpdir(), 'unplugin-dts-'))
+
+    writeFileSync(
+      resolve(tempDir, 'tsconfig.json'),
+      JSON.stringify({
+        include: ['src/**/*'],
+        exclude: ['node_modules', 'dist'],
+        compilerOptions: {
+          target: 'ESNext',
+          module: 'ESNext',
+          composite: true,
+          moduleResolution: 'bundler',
+          strict: true,
+        },
+      }),
+    )
+
+    mkdirSync(resolve(tempDir, 'src', 'components'), { recursive: true })
+    writeFileSync(
+      resolve(tempDir, 'src', 'main.ts'),
+      `import App from './App.vue'\nexport { App }\n`,
+    )
+    writeFileSync(
+      resolve(tempDir, 'src', 'App.vue'),
+      `<template><HelloWorld /></template>\n<script setup lang="ts">\nimport HelloWorld from './components/HelloWorld.vue'\n</script>\n`,
+    )
+    writeFileSync(
+      resolve(tempDir, 'src', 'components', 'HelloWorld.vue'),
+      `<template><div>Hello</div></template>\n<script setup lang="ts">\nconst msg = 'Hello World'\n</script>\n`,
+    )
+
+    const runtime = await Runtime.toInstance({
+      processor: 'vue',
+      root: tempDir,
+      tsconfigPath: 'tsconfig.json',
+      entries: {
+        main: resolve(tempDir, 'src/main.ts'),
+      },
+    })
+
+    const diagnostics = runtime.getDiagnostics()
+    const ts6307 = diagnostics.filter((d: any) => {
+      const msg = typeof d.messageText === 'string' ? d.messageText : d.messageText.messageText
+      return msg.includes('not listed within the file list')
+    })
+
+    expect(ts6307).toHaveLength(0)
+  })
+
   it('should use baseUrl when explicitly set', async () => {
     tempDir = mkdtempSync(resolve(tmpdir(), 'unplugin-dts-'))