Update example of flatConfig to include typescript

intellix · web-flow · commit dcdfb652dbc5 · 2025-01-08T18:41:53.000Z
Was having an issue for a few hours trying to get import/no-unresolved not picking up relative imports that don't include the extension like so:
```ts
import { add } from './utils';
```

After asking inside Discord, kkapp helped me by pointing out that I may need to configure the resolver to look for "ts" extensions. After adding it I went on a crusade to figure out how I had managed to miss that when migrating to flat configs.

The example given for non-flat configs tells you to include the typescript config, but the flatConfig variant does not, so for an out-of-the-box experience when migrating, it can cause a headache.
diff --git a/README.md b/README.md
@@ -205,7 +205,7 @@ export default tseslint.config(
   // other configs...
   {
     files: ['**/*.{ts,tsx}'],
-    extends: [importPlugin.flatConfigs.recommended],
+    extends: [importPlugin.flatConfigs.recommended, importPlugin.flatConfigs.typescript],
     // other configs...
   }
 );

Original file line number	Diff line number	Diff line change
`@@ -205,7 +205,7 @@ export default tseslint.config(`
`205`	`205`	`// other configs...`
`206`	`206`	`{`
`207`	`207`	`files: ['*/.{ts,tsx}'],`
`208`		`- extends: [importPlugin.flatConfigs.recommended],`
	`208`	`+ extends: [importPlugin.flatConfigs.recommended, importPlugin.flatConfigs.typescript],`
`209`	`209`	`// other configs...`
`210`	`210`	`}`
`211`	`211`	`);`