Replace .eslintrc.ts with eslint.config.ts

Author: TaiSakuma

.eslintrc.ts

@@ -0,0 +1,55 @@
+import js from "@eslint/js";
+import * as tseslint from "typescript-eslint";
+import vuePlugin from "eslint-plugin-vue";
+import prettierPlugin from "eslint-plugin-prettier";
+import prettierConfig from "eslint-config-prettier";
+
+const isProduction = import.meta.env?.PROD || process.env.NODE_ENV === "production";
+
+export default [
+  js.configs.recommended,
+  ...tseslint.configs.recommended,
+
+  // Vue configuration
+  {
+    files: ["**/*.vue"],
+    plugins: {
+      vue: vuePlugin,
+    },
+    languageOptions: {
+      parser: "vue-eslint-parser",
+      parserOptions: {
+        parser: tseslint.parser,
+        ecmaVersion: 2022,
+        extraFileExtensions: [".vue"],
+        sourceType: "module",
+      },
+    },
+    rules: {
+      ...vuePlugin.configs.essential.rules,
+      "vue/multi-word-component-names": "off",
+      "vue/script-setup-uses-vars": "warn",
+      "vue/no-unused-components": "off",
+    },
+  },
+
+  // Global configuration
+  {
+    languageOptions: {
+      ecmaVersion: 2022,
+      sourceType: "module",
+    },
+    plugins: {
+      prettier: prettierPlugin,
+    },
+    rules: {
+      "no-console": isProduction ? "warn" : "off",
+      "no-debugger": isProduction ? "warn" : "off",
+      "no-unused-vars": "off",
+      "@typescript-eslint/no-var-requires": "off",
+      "prettier/prettier": "warn",
+    },
+  },
+
+  prettierConfig, // Turn off rules that conflict with prettier
+];

eslint.config.ts

@@ -21,6 +21,7 @@
     "lib": ["esnext", "dom", "dom.iterable", "scripthost"]
   },
   "include": [
+    "eslint.config.ts",
     "src/**/*.ts",
     "src/**/*.tsx",
     "src/**/*.vue",