Frontend: Upgrade ESLint from v8.57.0 to v9.23.0

Signed-off-by: Michael Mayer <michael@photoprism.app>
2025-12-12 00:34:13 +01:00 · 2025-03-26 21:07:45 +01:00
parent 858130da9c
commit 62eff7c4c3
9 changed files with 908 additions and 1415 deletions
--- a/frontend/eslint.config.mjs
+++ b/frontend/eslint.config.mjs
@@ -0,0 +1,138 @@
+import { defineConfig, globalIgnores } from "eslint/config";
+import globals from "globals";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import js from "@eslint/js";
+import { FlatCompat } from "@eslint/eslintrc";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const compat = new FlatCompat({
+  baseDirectory: __dirname,
+  recommendedConfig: js.configs.recommended,
+  allConfig: js.configs.all,
+});
+
+export default defineConfig([
+  globalIgnores([
+    "**/coverage/",
+    "**/node_modules/",
+    "tests/screenshots/",
+    "tests/acceptance/screenshots/",
+    "tests/upload-files/",
+    "**/*.html",
+    "**/.idea",
+    "**/.github",
+    "**/.tmp",
+    "**/.local",
+    "**/.cache",
+    "**/.var",
+  ]),
+  {
+    extends: compat.extends(
+      "eslint:recommended",
+      "plugin:vue/recommended",
+      "plugin:prettier/recommended",
+      "plugin:vue/base",
+      "plugin:vuetify/base"
+    ),
+    languageOptions: {
+      globals: {
+        ...globals.browser,
+        ...globals.commonjs,
+        ...globals.node,
+        ...globals.mocha,
+      },
+
+      ecmaVersion: "latest",
+      sourceType: "module",
+    },
+    settings: {
+      "prettier/prettier": {
+        // Settings for how to process Vue SFC Blocks
+        SFCBlocks: {
+          template: false,
+          script: false,
+          style: false,
+        },
+
+        // Use prettierrc for prettier options or not (default: `true`)
+        usePrettierrc: true,
+
+        // Set the options for `prettier.getFileInfo`.
+        // @see https://prettier.io/docs/en/api.html#prettiergetfileinfofilepath-options
+        fileInfoOptions: {
+          // Path to ignore file (default: `'.prettierignore'`)
+          // Notice that the ignore file is only used for this plugin
+          ignorePath: ".testignore",
+
+          // Process the files in `node_modules` or not (default: `false`)
+          withNodeModules: false,
+        },
+      },
+    },
+    rules: {
+      "indent": ["error", 2, { SwitchCase: 1 }],
+      "linebreak-style": ["error", "unix"],
+      "quotes": [
+        "off",
+        "double",
+        {
+          avoidEscape: true,
+          allowTemplateLiterals: true,
+        },
+      ],
+      "semi": ["error", "always"],
+      "no-unused-vars": ["warn"],
+      "no-console": 0,
+      "no-case-declarations": 0,
+      "no-prototype-builtins": 0,
+      "vue/no-v-text-v-html-on-component": 0,
+      "vue/no-v-model-argument": 0,
+      "vue/valid-model-definition": 0,
+      "vue/valid-attribute-name": 0,
+      "vue/singleline-html-element-content-newline": [
+        "off",
+        {
+          ignoreWhenNoAttributes: true,
+          ignoreWhenEmpty: true,
+          ignores: [
+            "pre",
+            "textarea",
+            "span",
+            "translate",
+            "a",
+            "v-icon",
+            "v-text-field",
+            "v-input",
+            "v-select",
+            "v-switch",
+            "v-checkbox",
+            "v-img",
+          ],
+          externalIgnores: [],
+        },
+      ],
+      "vue/first-attribute-linebreak": [
+        "error",
+        {
+          singleline: "ignore",
+          multiline: "ignore",
+        },
+      ],
+      "prettier/prettier": [
+        "warn",
+        {
+          printWidth: 120,
+          semi: true,
+          singleQuote: false,
+          bracketSpacing: true,
+          trailingComma: "es5",
+          htmlWhitespaceSensitivity: "css",
+          quoteProps: "consistent",
+          proseWrap: "never",
+        },
+      ],
+    },
+  },
+]);