Update eslint and add prettier

.husky/task-runner.json

@@ -6,6 +6,18 @@
       "command": "dotnet",
       "args": [ "csharpier", "format", "${staged}" ],
       "include": [ "**/*.cs" ]
+    },
+    {
+      "name": "Run eslint",
+      "cwd": "AffirmationGenerator.Client",
+      "command": "pnpm",
+      "args": [ "run", "lint" ],
+    },
+    {
+      "name": "Run prettier",
+      "cwd": "AffirmationGenerator.Client",
+      "command": "pnpm",
+      "args": [ "run", "format" ],
     }
   ]
 }

AffirmationGenerator.Client/.prettierrc.json

@@ -0,0 +1,9 @@
+{
+  "semi": true,
+  "tabWidth": 2,
+  "printWidth": 100,
+  "singleQuote": false,
+  "trailingComma": "all",
+  "jsxSingleQuote": false,
+  "bracketSpacing": true
+}

AffirmationGenerator.Client/eslint.config.cjs

@@ -0,0 +1,44 @@
+const { defineConfig, globalIgnores } = require("eslint/config");
+const globals = require("globals");
+const { fixupConfigRules } = require("@eslint/compat");
+const tsParser = require("@typescript-eslint/parser");
+const reactRefresh = require("eslint-plugin-react-refresh");
+const react = require("eslint-plugin-react");
+const js = require("@eslint/js");
+const { FlatCompat } = require("@eslint/eslintrc");
+
+const compat = new FlatCompat({
+  baseDirectory: __dirname,
+  recommendedConfig: js.configs.recommended,
+  allConfig: js.configs.all,
+});
+
+module.exports = defineConfig([
+  {
+    files: ["**/*.{js,jsx,mjs,cjs,ts,tsx}"],
+
+    languageOptions: {
+      globals: {
+        ...globals.browser,
+      },
+
+      parser: tsParser,
+    },
+
+    extends: fixupConfigRules(
+      compat.extends(
+        "eslint:recommended",
+        "plugin:@typescript-eslint/recommended",
+        "plugin:react-hooks/recommended",
+      ),
+    ),
+
+    plugins: {
+      react,
+      "react-refresh": reactRefresh,
+    },
+
+    rules: {},
+  },
+  globalIgnores(["**/dist", "**/eslint.config.cjs"]),
+]);

AffirmationGenerator.Client/package.json

@@ -8,6 +8,7 @@
     "dev": "vite",
     "build": "tsc && vite build",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "format": "prettier --write 'src/**/*.{ts,tsx,css}' --config ./.prettierrc.json",
     "preview": "vite preview"
   },
   "dependencies": {
@@ -20,15 +21,22 @@
     "tailwindcss": "^4.2.1"
   },
   "devDependencies": {
+    "@eslint/compat": "^2.0.3",
+    "@eslint/eslintrc": "^3.3.5",
+    "@eslint/js": "^9.39.4",
     "@types/node": "^25.3.5",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "@typescript-eslint/eslint-plugin": "^8.56.1",
     "@typescript-eslint/parser": "^8.56.1",
     "@vitejs/plugin-react": "^5.1.4",
     "eslint": "^9.39.4",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-refresh": "^0.5.2",
+    "globals": "^17.4.0",
+    "prettier": "^3.8.1",
     "react-doctor": "^0.0.28",
     "typescript": "^5.9.3",
     "vite": "^7.3.1"