Add prettier script and run it

Jamesllllllllll · Jamesllllllllll · commit d722be2a8242 · 2024-12-27T23:36:01.000-05:00
diff --git a/package.json b/package.json
@@ -8,7 +8,8 @@
     "build": "tsc -b && vite build",
     "lint": "eslint .",
     "preview": "vite preview",
-    "typecheck": "react-router typegen && tsc"
+    "typecheck": "react-router typegen && tsc",
+    "format": "prettier --write './**/*.{js,jsx,ts,tsx}'"
   },
   "dependencies": {
     "@react-router/node": "^7.1.1",
diff --git a/src/catchall.tsx b/src/catchall.tsx
@@ -1,6 +1,5 @@
-import App from './App';
+import App from "./App";
 
 export default function Component() {
-    return <App />;
-  }
-  
+  return <App />;
+}
diff --git a/src/entry.client.tsx b/src/entry.client.tsx
@@ -7,5 +7,5 @@ ReactDOM.hydrateRoot(
   document,
   <React.StrictMode>
     <HydratedRouter />
-  </React.StrictMode>
+  </React.StrictMode>,
 );
diff --git a/src/pages/about.tsx b/src/pages/about.tsx
@@ -1,9 +1,13 @@
 import { Link } from "react-router";
 
 export async function clientLoader() {
-  
   const response = await fetch("https://jsonplaceholder.typicode.com/todos/1");
-  const data = await response.json() as { userId: number; id: number; title: string; completed: boolean };
+  const data = (await response.json()) as {
+    userId: number;
+    id: number;
+    title: string;
+    completed: boolean;
+  };
   console.log(data);
 
   return {
diff --git a/src/root.tsx b/src/root.tsx
@@ -1,24 +1,11 @@
-import {
-  Links,
-  Meta,
-  Outlet,
-  Scripts,
-  ScrollRestoration,
-} from "react-router";
+import { Links, Meta, Outlet, Scripts, ScrollRestoration } from "react-router";
 
-export function Layout({
-  children,
-}: {
-  children: React.ReactNode;
-}) {
+export function Layout({ children }: { children: React.ReactNode }) {
   return (
     <html lang="en">
       <head>
         <meta charSet="UTF-8" />
-        <meta
-          name="viewport"
-          content="width=device-width, initial-scale=1.0"
-        />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <title>My App</title>
         <Meta />
         <Links />
diff --git a/src/routes.ts b/src/routes.ts
@@ -1,10 +1,6 @@
-import {
-    type RouteConfig,
-    route,
-  } from "@react-router/dev/routes";
-  
-  export default [
-    route("/about", "./pages/about.tsx"),    
-    route("*?", "catchall.tsx"),
-  ] satisfies RouteConfig;
-  
+import { type RouteConfig, route } from "@react-router/dev/routes";
+
+export default [
+  route("/about", "./pages/about.tsx"),
+  route("*?", "catchall.tsx"),
+] satisfies RouteConfig;
