Enable recommendedTypeChecked and add a more structured fixture

README.md

@@ -17,6 +17,15 @@ To use this configuration you'll need `eslint.config.js` file in your project ro
 +
 + const config = [
 + 	{ ignores: ["src/accessmanagement-api.ts", "src/types/caspeco-navigation"] },
++   {
++     files: ['**/*.ts', '**/*.tsx'],
++       languageOptions: {
++       parserOptions: {
++         project: true,
++         tsconfigRootDir: import.meta.dirname,
++       },
++     },
++   },
 + 	...vanillaConfig,
 + ];
 +
@@ -36,6 +45,15 @@ To use this configuration you'll need `eslint.config.js` file in your project ro
 +
 + const config = [
 + 	{ ignores: ["src/accessmanagement-api.ts", "src/types/caspeco-navigation"] },
++   {
++     files: ['**/*.ts', '**/*.tsx'],
++       languageOptions: {
++       parserOptions: {
++         project: true,
++         tsconfigRootDir: import.meta.dirname,
++       },
++     },
++   },
 + 	...reactConfig,
 + ];
 +

__tests__/fixtures/react/eslint.config.js

@@ -0,0 +1,16 @@
+import reactConfig from "./../../../src/frontend-react.js";
+
+const config = [
+  {
+    files: ['**/*.ts', '**/*.tsx'],
+    languageOptions: {
+      parserOptions: {
+        project: true,
+        tsconfigRootDir: import.meta.dirname,
+      },
+    },
+  },
+  ...reactConfig
+];
+
+export default config;

__tests__/fixtures/react/tsconfig.json

@@ -0,0 +1,23 @@
+{
+	"compilerOptions": {
+		"target": "ES2020",
+		"allowJs": true,
+		"useDefineForClassFields": true,
+		"module": "ESNext",
+		"lib": ["ES2020", "DOM", "DOM.Iterable"],
+		"skipLibCheck": true,
+
+		/* Bundler mode */
+		"moduleResolution": "bundler",
+		"allowImportingTsExtensions": true,
+		"resolveJsonModule": true,
+		"isolatedModules": true,
+		"noEmit": true,
+
+		/* Linting */
+		"strict": true,
+		"noUnusedLocals": true,
+		"noUnusedParameters": true,
+		"noFallthroughCasesInSwitch": true
+	},
+}

__tests__/fixtures/vanilla/eslint.config.js

@@ -0,0 +1,16 @@
+import vanillaConfig from "./../../../src/frontend-vanilla.js";
+
+const config = [
+  {
+    files: ['**/*.ts', '**/*.tsx'],
+    languageOptions: {
+      parserOptions: {
+        project: true,
+        tsconfigRootDir: import.meta.dirname,
+      },
+    },
+  },
+  ...vanillaConfig
+];
+
+export default config;

__tests__/fixtures/vanilla/frontend.ts

@@ -3,4 +3,8 @@ var unusedFunction = function() {
     console.log("I'm not used anywhere!");
 };
 
-  console.log("Hello")
+  console.log("Hello")
+
+const x = 1 as any,
+  y = 1 as any;
+const [x] = 1 as any;

__tests__/fixtures/vanilla/tsconfig.json

@@ -0,0 +1,23 @@
+{
+	"compilerOptions": {
+		"target": "ES2020",
+		"allowJs": true,
+		"useDefineForClassFields": true,
+		"module": "ESNext",
+		"lib": ["ES2020", "DOM", "DOM.Iterable"],
+		"skipLibCheck": true,
+
+		/* Bundler mode */
+		"moduleResolution": "bundler",
+		"allowImportingTsExtensions": true,
+		"resolveJsonModule": true,
+		"isolatedModules": true,
+		"noEmit": true,
+
+		/* Linting */
+		"strict": true,
+		"noUnusedLocals": true,
+		"noUnusedParameters": true,
+		"noFallthroughCasesInSwitch": true
+	},
+}

__tests__/validate-frontend.test.ts

@@ -1,6 +1,6 @@
 import { describe, it } from "vitest";
 import eslint from "eslint";
-import frontendVanilla from "../src/frontend-vanilla";
+import frontendVanilla from "./fixtures/vanilla/eslint.config";
 import { assertHasEslintError } from "./helper";
 
 describe("validate frontend config", () => {
@@ -13,6 +13,7 @@ describe("validate frontend config", () => {
 
 			const result = await cli.lintFiles("__tests__/fixtures/vanilla/frontend.ts");
 			assertHasEslintError(result, "@typescript-eslint/no-unused-vars");
+			assertHasEslintError(result, "@typescript-eslint/no-unsafe-assignment");
 			assertHasEslintError(result, "no-var");
 		});
 

__tests__/validate-react.test.ts

@@ -1,9 +1,9 @@
 import { describe, it } from "vitest";
 import eslint from "eslint";
-import frontendReact from "../src/frontend-react";
+import frontendReact from "./fixtures/react/eslint.config";
 import { assertHasEslintError } from "./helper";
 
-describe("validate frontend config", () => {
+describe("validate react config", () => {
 	describe("vanilla", () => {
 		it.skip("validates hooks rules", async function async() {
 			const cli = new eslint.ESLint({

src/frontend-vanilla.js

@@ -6,7 +6,7 @@ import eslintConfigPrettier from "eslint-config-prettier";
 /** @type {import('eslint').Linter.Config[]} */
 const flatConfig = [
 	js.configs.recommended,
-	...typescriptEslintConfig.recommended,
+	...typescriptEslintConfig.recommendedTypeChecked,
 	{
 		files: ["**/*.ts", "**/*.tsx"],
 		ignores: ["**/*.d.ts", "**/dist/**/*", "**/node_modules/**/*"],