fix: support non-hoisted dts type, fix #539

Author: antfu

packages/module/src/modules/config/generate.ts

@@ -128,8 +128,29 @@ export async function generateESLintConfig(
     'export default withNuxt',
   ].join('\n')
 
+  const [
+    pathToFlatConfigUtils,
+    pathToESLintConfigFlat,
+  ] = await Promise.all([
+    r.resolvePath('eslint-flat-config-utils').then(r => relativeWithDot(r)),
+    r.resolvePath('@nuxt/eslint-config/flat').then(r => relativeWithDot(r)),
+  ])
+
+  const codeDts = [
+    'import type { FlatConfigComposer } from ' + JSON.stringify(pathToFlatConfigUtils),
+    'import { defineFlatConfigs } from ' + JSON.stringify(pathToESLintConfigFlat),
+    'import type { NuxtESLintConfigOptionsResolved } from ' + JSON.stringify(pathToESLintConfigFlat),
+    '',
+    'declare const configs: FlatConfigComposer',
+    'declare const options: NuxtESLintConfigOptionsResolved',
+    'declare const withNuxt: typeof defineFlatConfigs',
+    'export default withNuxt',
+    'export { withNuxt, defineFlatConfigs, configs, options }',
+  ].join('\n')
+
   return {
     code,
+    codeDts,
     configFile,
   }
 }

packages/module/src/modules/config/index.ts

@@ -1,6 +1,5 @@
 import { dirname } from 'node:path'
 import fs from 'node:fs/promises'
-import { addTemplate } from '@nuxt/kit'
 import type { Nuxt } from '@nuxt/schema'
 import type { ESLintConfigGenAddon } from '../../types'
 import type { ModuleOptions } from '../../module'
@@ -9,18 +8,6 @@ import { setupDevToolsIntegration } from './devtools'
 import { initRootESLintConfig } from './init'
 import { generateESLintConfig } from './generate'
 
-const ESLINT_CONFIG_DTS = [
-  'import type { FlatConfigComposer } from "eslint-flat-config-utils"',
-  'import { defineFlatConfigs } from "@nuxt/eslint-config/flat"',
-  'import type { NuxtESLintConfigOptionsResolved } from "@nuxt/eslint-config/flat"',
-  '',
-  'declare const configs: FlatConfigComposer',
-  'declare const options: NuxtESLintConfigOptionsResolved',
-  'declare const withNuxt: typeof defineFlatConfigs',
-  'export default withNuxt',
-  'export { withNuxt, defineFlatConfigs, configs, options }',
-].join('\n')
-
 export async function setupConfigGen(options: ModuleOptions, nuxt: Nuxt) {
   const {
     autoInit = true,
@@ -41,20 +28,13 @@ export async function setupConfigGen(options: ModuleOptions, nuxt: Nuxt) {
       ...defaultAddons,
     ]
     await nuxt.callHook('eslint:config:addons', addons)
-    const { code, configFile } = await generateESLintConfig(options, nuxt, addons)
+    const { code, codeDts, configFile } = await generateESLintConfig(options, nuxt, addons)
     await fs.mkdir(dirname(configFile), { recursive: true })
     await fs.writeFile(configFile, code, 'utf-8')
+    await fs.writeFile(configFile.replace(/\.mjs$/, '.d.mts'), codeDts, 'utf-8')
     _configFile = configFile
   }
 
-  addTemplate({
-    filename: 'eslint.config.d.mts',
-    write: true,
-    getContents() {
-      return ESLINT_CONFIG_DTS
-    },
-  })
-
   setupDevToolsIntegration(options, nuxt)
 
   await writeConfigFile()