fix(typescript-build): Address linting errors in index.ts

Author: Seu Nome

packages/typescript-build/src/index.ts

@@ -1,10 +1,8 @@
 import path from 'path'
 import { defu } from 'defu'
-import consola from 'consola'
 import type { Module } from '@nuxt/types'
 import type { Options as TsLoaderOptions } from 'ts-loader'
 import type { ForkTsCheckerWebpackPluginOptions as TsCheckerOptions } from 'fork-ts-checker-webpack-plugin/lib/ForkTsCheckerWebpackPluginOptions'
-import type TsCheckerLogger from 'fork-ts-checker-webpack-plugin/lib/logger/Logger'
 import type { RuleSetUseItem } from 'webpack'
 import { NormalModuleReplacementPlugin } from 'webpack'
 
@@ -48,7 +46,7 @@ const tsModule: Module<Options> = function (moduleOptions) {
     )
   }
 
-  this.extendBuild((config, { isClient, isModern }) => {
+  this.extendBuild((config, { _isClient, _isModern }) => {
     config.resolve!.extensions!.push('.ts', '.tsx')
 
     // Add alias for @babel/runtime/helpers
@@ -61,7 +59,68 @@ const tsModule: Module<Options> = function (moduleOptions) {
     const babelLoader = jsxRuleLoaders[jsxRuleLoaders.length - 1]
 
     config.module!.rules.push(...(['ts', 'tsx'] as const).map(ext => ({
-      test: new RegExp(`\.${ext}$`),
+      test: new RegExp(`\.${ext}import path from 'path'
+import { defu } from 'defu'
+import type { Module } from '@nuxt/types'
+import type { Options as TsLoaderOptions } from 'ts-loader'
+import type { ForkTsCheckerWebpackPluginOptions as TsCheckerOptions } from 'fork-ts-checker-webpack-plugin/lib/ForkTsCheckerWebpackPluginOptions'
+import type { RuleSetUseItem } from 'webpack'
+import { NormalModuleReplacementPlugin } from 'webpack'
+
+export interface Options {
+  ignoreNotFoundWarnings?: boolean
+  loaders?: {
+    ts?: Partial<TsLoaderOptions>
+    tsx?: Partial<TsLoaderOptions>
+  }
+  typeCheck?: TsCheckerOptions | boolean
+}
+
+declare module '@nuxt/types' {
+  interface NuxtOptions {
+    typescript: Options
+  }
+}
+
+const defaults: Options = {
+  ignoreNotFoundWarnings: false,
+  typeCheck: true
+}
+
+const tsModule: Module<Options> = function (moduleOptions) {
+  // Combine options
+  const options = defu(this.options.typescript, moduleOptions, defaults)
+
+  // Change color of CLI banner
+  this.options.cli.bannerColor = 'blue'
+
+  if (!this.options.extensions.includes('ts')) {
+    this.options.extensions.push('ts')
+  }
+
+  // Extend Builder to handle .ts/.tsx files as routes and watch them
+  this.options.build.additionalExtensions = ['ts', 'tsx']
+
+  if (options.ignoreNotFoundWarnings) {
+    this.options.build.warningIgnoreFilters!.push(warn =>
+      warn.name === 'ModuleDependencyWarning' && /export .* was not found in /.test(warn.message)
+    )
+  }
+
+  this.extendBuild((config, { _isClient, _isModern }) => {
+    config.resolve!.extensions!.push('.ts', '.tsx')
+
+    // Add alias for @babel/runtime/helpers
+    config.resolve!.alias = {
+      ...config.resolve!.alias,
+      '@babel/runtime/helpers': path.resolve(this.options.rootDir!, 'node_modules/@babel/runtime/helpers')
+    }
+
+    const jsxRuleLoaders = config.module!.rules.find(r => (r.test as RegExp).test('.jsx'))!.use as RuleSetUseItem[]
+    const babelLoader = jsxRuleLoaders[jsxRuleLoaders.length - 1]
+
+    config.module!.rules.push(...(['ts', 'tsx'] as const).map(ext => ({
+      ),
       use: [
         babelLoader,
         {
@@ -88,4 +147,6 @@ const tsModule: Module<Options> = function (moduleOptions) {
           }
         }
       ))
-    }
+    }
+  })
+}