ci: Add support for ESLint 9

- Move import sorting to prettier (Import sorting alg. has changed)
- Remove unused dependencies
- Replace `.eslintrs.js` with `eslint.config.mjs`

.pre-commit-config.yaml

@@ -160,11 +160,9 @@ repos:
           - '@angular-eslint/[email protected]'
           - '@angular-eslint/[email protected]'
           - 'eslint-config-prettier@^9.1.0'
-          - 'eslint-plugin-import@^2.29.1'
           - '@typescript-eslint/eslint-plugin@^7.17.0'
           - '@typescript-eslint/parser@^7.17.0'
           - 'eslint-plugin-unused-imports@^3.2.0'
-          - 'eslint-plugin-deprecation@^3.0.0'
           - 'eslint-plugin-tailwindcss@^3.17.4'
           - 'eslint-plugin-storybook@^0.8.0'
         args: ['--fix']

frontend/.eslintrc.js

@@ -29,7 +29,7 @@ module.exports = {
         "plugin:@angular-eslint/recommended",
         "plugin:@angular-eslint/template/process-inline-templates",
       ],
-      plugins: ["import", "unused-imports", "deprecation"],
+      plugins: ["import", "unused-imports"],
       rules: {
         "@angular-eslint/directive-selector": [
           "error",
@@ -39,14 +39,6 @@ module.exports = {
             style: "camelCase",
           },
         ],
-        "import/order": [
-          "error",
-          {
-            alphabetize: {
-              order: "asc",
-            },
-          },
-        ],
         "@angular-eslint/sort-ngmodule-metadata-arrays": ["error"],
         "@typescript-eslint/no-unused-vars": [
           "error",
@@ -58,7 +50,7 @@ module.exports = {
         ],
         "unused-imports/no-unused-imports": "error",
         "no-console": ["error", { allow: ["error"] }],
-        "deprecation/deprecation": "error",
+        "@typescript-eslint/no-deprecated": "error",
         "@angular-eslint/use-lifecycle-interface": "error",
       },
     },

frontend/.prettierrc.js

@@ -4,5 +4,9 @@
  */
 
 module.exports = {
-  plugins: [require.resolve("prettier-plugin-tailwindcss")],
+  plugins: [
+    require.resolve("prettier-plugin-tailwindcss"),
+    require.resolve("@trivago/prettier-plugin-sort-imports"),
+  ],
+  importOrderParserPlugins: ["typescript", "tsx", "decorators"],
 };

frontend/eslint.config.mjs

@@ -0,0 +1,51 @@
+import unusedImports from "eslint-plugin-unused-imports";
+import js from "@eslint/js";
+import ts from "typescript-eslint";
+import tailwind from "eslint-plugin-tailwindcss";
+
+export default [
+  { ignores: ["dist", "tmp", "out-tsc", "**/*.spec.ts"] },
+  js.configs.recommended,
+  ...ts.configs.recommended,
+  {
+    rules: {
+      "sort-imports": ["error"],
+    },
+  },
+  ...tailwind.configs["flat/recommended"],
+  {
+    rules: {
+      "no-console": ["error", { allow: ["error"] }],
+    },
+  },
+  {
+    settings: {
+      tailwindcss: {
+        config: "frontend/tailwind.config.js",
+        cssFiles: [
+          "frontend/**/*.css",
+          "!**/node_modules",
+          "!**/.*",
+          "!**/dist",
+          "!**/build",
+        ],
+      },
+    },
+  },
+  {
+    plugins: {
+      "unused-imports": unusedImports,
+    },
+    rules: {
+      "@typescript-eslint/no-unused-vars": [
+        "error",
+        {
+          argsIgnorePattern: "^_",
+          varsIgnorePattern: "^_",
+          caughtErrorsIgnorePattern: "^_",
+        },
+      ],
+      "unused-imports/no-unused-imports": "error",
+    },
+  },
+];