feat: use ng lint schematic to configure project

Author: Lipata

packages/igx-templates/igx-ts/projects/_base/files/angular.json

@@ -111,7 +111,6 @@
 				"lint": {
 				  "builder": "@angular-eslint/builder:lint",
 				  "options": {
-            "eslintConfig": "eslint.config.mjs",
 					  "lintFilePatterns": [
 					    "src/**/*.ts",
 					    "src/**/*.html"
@@ -121,7 +120,9 @@
 			}
 		}
 	},
-	"cli": {
-	  "schematicCollections": ["@angular-eslint/schematics"]
-	}
+  "cli": {
+    "schematicCollections": [
+      "@angular-eslint/schematics"
+    ]
+  }
 }

packages/igx-templates/igx-ts/projects/_base/files/eslint.config.js

@@ -0,0 +1,47 @@
+// @ts-check
+const eslint = require("@eslint/js");
+const tseslint = require("typescript-eslint");
+const angular = require("angular-eslint");
+
+module.exports = tseslint.config(
+  {
+    files: ["**/*.ts"],
+    extends: [
+      eslint.configs.recommended,
+      ...tseslint.configs.recommended,
+      ...tseslint.configs.stylistic,
+      ...angular.configs.tsRecommended,
+    ],
+    processor: angular.processInlineTemplates,
+    rules: {
+      "@angular-eslint/directive-selector": [
+        "error",
+        {
+          type: "attribute",
+          prefix: "app",
+          style: "camelCase",
+        },
+      ],
+      "@angular-eslint/component-selector": [
+        "error",
+        {
+          type: "element",
+          prefix: "app",
+          style: "kebab-case",
+        },
+      ],
+      // Relax rules
+      "@typescript-eslint/no-explicit-any": "off",
+      "@angular-eslint/prefer-inject": "warn",
+    },
+  },
+  {
+    files: ["**/*.html"],
+    extends: [
+      ...angular.configs.templateRecommended,
+      // ...angular.configs.templateAccessibility,
+    ],
+    rules: {
+    },
+  }
+);

packages/igx-templates/igx-ts/projects/_base/files/eslint.config.mjs

@@ -35,27 +35,19 @@
   },
   "devDependencies": {
     "@angular-devkit/build-angular": "~20.3.0",
-    "@angular-eslint/builder": "~20.3.0",
-    "@angular-eslint/eslint-plugin": "~20.3.0",
-    "@angular-eslint/eslint-plugin-template": "~20.3.0",
-    "@angular-eslint/schematics": "~20.3.0",
-    "@angular-eslint/template-parser": "~20.3.0",
     "@angular/cli": "~20.3.0",
     "@angular/compiler-cli": "~20.3.0",
     "@types/jasmine": "~5.1.4",
-    "@typescript-eslint/eslint-plugin": "~8.45.0",
-    "@typescript-eslint/parser": "~8.45.0",
-    "eslint": "~9.36.0",
-    "eslint-plugin-import": "^2.32.0",
-    "eslint-plugin-prefer-arrow": "^1.2.3",
-    "eslint-plugin-unicorn": "^61.0.2",
+    "angular-eslint": "~20.3.0",
+    "eslint": "~9.35.0",
     "igniteui-cli": "~<%=cliVersion%>",
     "jasmine-core": "~5.11.0",
     "karma": "~6.4.4",
     "karma-chrome-launcher": "~3.2.0",
     "karma-coverage": "~2.2.1",
     "karma-jasmine": "~5.1.0",
     "karma-jasmine-html-reporter": "~2.1.0",
-    "typescript": "~5.9.2"
+    "typescript": "~5.9.2",
+    "typescript-eslint": "~8.40.0"
   }
 }