chore: install prettier dependencies

Author: mjkeaton

.prettierrc

@@ -0,0 +1,9 @@
+{
+  "tabWidth": 2,
+  "semi": true,
+  "singleQuote": false,
+  "trailingComma": "none",
+  "printWidth": 80,
+  "useTabs": false,
+  "endOfLine":"auto"
+}

eslint.config.js

@@ -5,6 +5,7 @@ import reactRefresh from 'eslint-plugin-react-refresh'
 import tseslint from 'typescript-eslint'
 import react from 'eslint-plugin-react'
 
+import eslintConfigPrettier from 'eslint-config-prettier'
 
 export default tseslint.config(
   {
@@ -48,4 +49,5 @@ export default tseslint.config(
       ],
     },
   },
+  eslintConfigPrettier,
 )

package-lock.json

@@ -8,7 +8,8 @@
     "build": "tsc -b && vite build",
     "test": "vitest",
     "lint": "eslint .",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "format": "prettier --write --no-error-on-unmatched-pattern 'src/**/*.{ts,tsx,json,css,md}'"
   },
   "dependencies": {
     "@radix-ui/react-checkbox": "^1.1.4",
@@ -48,12 +49,14 @@
     "@types/react-dom": "^19.0.3",
     "@vitejs/plugin-react": "^4.3.4",
     "@vitest/coverage-v8": "^3.0.6",
-    "eslint": "^9.19.0",
+    "eslint": "^9.20.1",
+    "eslint-config-prettier": "^10.0.1",
     "eslint-plugin-react-hooks": "^5.0.0",
     "eslint-plugin-react-refresh": "^0.4.18",
     "globals": "^15.14.0",
     "jsdom": "^26.0.0",
     "msw": "^2.7.0",
+    "prettier": "^3.5.1",
     "typescript": "~5.7.2",
     "typescript-eslint": "^8.22.0",
     "vite": "^6.1.0",

package.json

@@ -4,7 +4,7 @@ import type { QuoteListResponse } from "@/lib/api"
 import { ADMIN_QUOTE_PENDING } from "@/constants/endpoints"
 
 export const fetchAdminQuotePending = http.get<never, never, QuoteListResponse>(`${API_URL}${ADMIN_QUOTE_PENDING}`, async () => {
-  await delay(1000)
+  await delay(1_000)
 
   return HttpResponse.json({
     quotes: [

src/mocks/handlers/admin_quotes.ts

@@ -5,11 +5,11 @@ export const matchesSearchTerm = (it: Record<string, unknown>, search_term: stri
         (innerValue) =>
           typeof innerValue === "string" &&
           innerValue.toLowerCase().includes(search_term.toLowerCase())
-      );
+      )
     }
     return (
       typeof value === "string" &&
       value.toLowerCase().includes(search_term.toLowerCase())
-    );
-  });
-};
+    )
+  })
+}