Adding prettier pre-commit hook

Author: atsai-jumptrading

.gitignore

@@ -15,6 +15,7 @@ dist-ssr
 # Editor directories and files
 .vscode/*
 !.vscode/extensions.json
+!.vscode/settings.json
 .idea
 .DS_Store
 *.suo

.husky/.gitignore

@@ -0,0 +1 @@
+_

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npx lint-staged

.vscode/extensions.json

@@ -0,0 +1,3 @@
+{
+  "recommendations": ["esbenp.prettier-vscode"]
+}

.vscode/settings.json

@@ -0,0 +1,25 @@
+{
+  "[javascript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[javascriptreact]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[json]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[jsonc]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[markdown]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[typescript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[typescriptreact]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "prettier.prettierPath": "./node_modules/prettier",
+  "typescript.tsdk": "node_modules/typescript/lib"
+}

README.md

@@ -1,12 +1,15 @@
 ## Prerequisites
+
 - Node 20+
 
 ## Install
+
 - `sudo npm install -g [email protected]`
 - `curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.1/install.sh | bash`
 - `nvm install 22 && nvm use 22`
 
 ## Build
+
 - Run `npm ci`
 - Run `npm run build`
 - Serve static assets in `./dist` with preferred tool. Ex. `npx run serve`

eslint.config.mjs

@@ -7,7 +7,6 @@ import reactRefresh from "eslint-plugin-react-refresh";
 
 // Override type, the analyzer misses eslint-plugin-react's flat configs
 /** @type {typeof eslintReact.configs} */
-// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
 const eslintReactConfigsFlat = eslintReact.configs.flat;
 
 // eslint-plugin-react-hooks specifies an incorrect value for `plugins`
@@ -25,10 +24,10 @@ export default tseslint.config(
   eslintReactConfigsFlat["jsx-runtime"],
   eslintReactHooksFlat.recommended,
   prettier,
+  { ignores: ["**/dist/"] },
   {
     plugins: {
       "@typescript-eslint": tseslint.plugin,
-      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
       "react-refresh": reactRefresh,
     },
 
@@ -62,7 +61,7 @@ export default tseslint.config(
       "@typescript-eslint/ban-ts-comment": "off",
       "@typescript-eslint/restrict-template-expressions": [
         "error",
-        { allowNumber: true, allowBoolean: true,  },
+        { allowNumber: true, allowBoolean: true },
       ],
       "@typescript-eslint/no-unsafe-enum-comparison": "off",
       "@typescript-eslint/prefer-promise-reject-errors": [
@@ -107,5 +106,5 @@ export default tseslint.config(
       "@typescript-eslint/no-useless-constructor": "warn",
       "react/prop-types": "off",
     },
-  }
+  },
 );