update for eslint

.vscode/settings.json

@@ -1,5 +1,20 @@
 {
     "deno.enablePaths": [
         "./nbs/ts"
-    ]
+    ],
+    "eslint.workingDirectories": [
+        "./frontend/my-app"
+    ],
+    "eslint.validate": [
+        "javascript",
+        "javascriptreact",
+        "typescript",
+        "typescriptreact"
+    ],
+    "editor.codeActionsOnSave": {
+        "source.fixAll.eslint": "explicit"
+    },
+    "typescript.tsdk": "frontend/my-app/node_modules/typescript/lib",
+    "eslint.enable": true,
+    "eslint.debug": true
 }

frontend/my-app/eslint.config.js

@@ -0,0 +1,57 @@
+import js from "@eslint/js";
+import reactHooks from "eslint-plugin-react-hooks";
+import reactRefresh from "eslint-plugin-react-refresh";
+import globals from "globals";
+import { resolve } from "path";
+import tseslint from "typescript-eslint";
+
+const tsconfigRootPath = resolve("./tsconfig.json");
+
+export default tseslint.config(
+  {
+    ignores: ["dist", "build", "node_modules"],
+  },
+  {
+    files: ["src/**/*.{ts,tsx}"],
+    extends: [
+      js.configs.recommended,
+      ...tseslint.configs.recommended,
+      ...tseslint.configs.strictTypeChecked,
+    ],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: {
+        ...globals.browser,
+        ...globals.jest,
+      },
+      parserOptions: {
+        project: tsconfigRootPath,
+        ecmaFeatures: {
+          jsx: true,
+        },
+      },
+    },
+    plugins: {
+      "react-hooks": reactHooks,
+      "react-refresh": reactRefresh,
+    },
+    settings: {
+      react: {
+        version: "detect",
+      },
+    },
+    rules: {
+      ...reactHooks.configs.recommended.rules,
+      "react-refresh/only-export-components": [
+        "warn",
+        { allowConstantExport: true },
+      ],
+      "@typescript-eslint/no-unused-vars": [
+        "error",
+        { argsIgnorePattern: "^_" },
+      ],
+      "@typescript-eslint/no-explicit-any": "error",
+      "no-console": "warn",
+    },
+  }
+);