From 2efbd45eff56393cf20fdf85d72294dbe4c2f8fb Mon Sep 17 00:00:00 2001
From: Zynh Ludwig <Zynh0722@gmail.com>
Date: Mon, 10 Jun 2024 21:13:41 -0700
Subject: [PATCH] formatting pass

---
 postcss.config.cjs         |  2 +-
 src/app.tsx                |  2 +-
 src/components/Counter.tsx |  2 +-
 src/components/Nav.tsx     |  4 +++-
 src/routes/[...404].tsx    | 11 +++--------
 src/routes/about.tsx       | 10 ++++++++--
 src/routes/index.tsx       | 10 ++++++++--
 tailwind.config.cjs        |  4 ++--
 8 files changed, 27 insertions(+), 18 deletions(-)

diff --git a/postcss.config.cjs b/postcss.config.cjs
index 33ad091..12a703d 100644
--- a/postcss.config.cjs
+++ b/postcss.config.cjs
@@ -3,4 +3,4 @@ module.exports = {
     tailwindcss: {},
     autoprefixer: {},
   },
-}
+};
diff --git a/src/app.tsx b/src/app.tsx
index 2c10a95..9f203a0 100644
--- a/src/app.tsx
+++ b/src/app.tsx
@@ -7,7 +7,7 @@ import "./app.css";
 export default function App() {
   return (
     <Router
-      root={props => (
+      root={(props) => (
         <>
           <Nav />
           <Suspense>{props.children}</Suspense>
diff --git a/src/components/Counter.tsx b/src/components/Counter.tsx
index c4c9912..ae4946d 100644
--- a/src/components/Counter.tsx
+++ b/src/components/Counter.tsx
@@ -4,7 +4,7 @@ export default function Counter() {
   const [count, setCount] = createSignal(0);
   return (
     <button
-      class="w-[200px] rounded-full bg-gray-100 border-2 border-gray-300 focus:border-gray-400 active:border-gray-400 px-[2rem] py-[1rem]" 
+      class="w-[200px] rounded-full bg-gray-100 border-2 border-gray-300 focus:border-gray-400 active:border-gray-400 px-[2rem] py-[1rem]"
       onClick={() => setCount(count() + 1)}
     >
       Clicks: {count()}
diff --git a/src/components/Nav.tsx b/src/components/Nav.tsx
index 5bd0a78..f49c3ce 100644
--- a/src/components/Nav.tsx
+++ b/src/components/Nav.tsx
@@ -3,7 +3,9 @@ import { useLocation } from "@solidjs/router";
 export default function Nav() {
   const location = useLocation();
   const active = (path: string) =>
-    path == location.pathname ? "border-sky-600" : "border-transparent hover:border-sky-600";
+    path == location.pathname
+      ? "border-sky-600"
+      : "border-transparent hover:border-sky-600";
   return (
     <nav class="bg-sky-800">
       <ul class="container flex items-center p-3 text-gray-200">
diff --git a/src/routes/[...404].tsx b/src/routes/[...404].tsx
index 03e9484..a678d94 100644
--- a/src/routes/[...404].tsx
+++ b/src/routes/[...404].tsx
@@ -3,14 +3,9 @@ import { A } from "@solidjs/router";
 export default function NotFound() {
   return (
     <main class="text-center mx-auto text-gray-700 p-4">
-      <h1 class="max-6-xs text-6xl text-sky-700 font-thin uppercase my-16">Not Found</h1>
-      <p class="mt-8">
-        Visit{" "}
-        <a href="https://solidjs.com" target="_blank" class="text-sky-600 hover:underline">
-          solidjs.com
-        </a>{" "}
-        to learn how to build Solid apps.
-      </p>
+      <h1 class="max-6-xs text-6xl text-sky-700 font-thin uppercase my-16">
+        Not Found
+      </h1>
       <p class="my-4">
         <A href="/" class="text-sky-600 hover:underline">
           Home
diff --git a/src/routes/about.tsx b/src/routes/about.tsx
index 1321ac3..7c832b5 100644
--- a/src/routes/about.tsx
+++ b/src/routes/about.tsx
@@ -4,11 +4,17 @@ import Counter from "~/components/Counter";
 export default function About() {
   return (
     <main class="text-center mx-auto text-gray-700 p-4">
-      <h1 class="max-6-xs text-6xl text-sky-700 font-thin uppercase my-16">About Page</h1>
+      <h1 class="max-6-xs text-6xl text-sky-700 font-thin uppercase my-16">
+        About Page
+      </h1>
       <Counter />
       <p class="mt-8">
         Visit{" "}
-        <a href="https://solidjs.com" target="_blank" class="text-sky-600 hover:underline">
+        <a
+          href="https://solidjs.com"
+          target="_blank"
+          class="text-sky-600 hover:underline"
+        >
           solidjs.com
         </a>{" "}
         to learn how to build Solid apps.
diff --git a/src/routes/index.tsx b/src/routes/index.tsx
index a5d2efe..c3c933b 100644
--- a/src/routes/index.tsx
+++ b/src/routes/index.tsx
@@ -4,11 +4,17 @@ import Counter from "~/components/Counter";
 export default function Home() {
   return (
     <main class="text-center mx-auto text-gray-700 p-4">
-      <h1 class="max-6-xs text-6xl text-sky-700 font-thin uppercase my-16">Hello world!</h1>
+      <h1 class="max-6-xs text-6xl text-sky-700 font-thin uppercase my-16">
+        Hello world!
+      </h1>
       <Counter />
       <p class="mt-8">
         Visit{" "}
-        <a href="https://solidjs.com" target="_blank" class="text-sky-600 hover:underline">
+        <a
+          href="https://solidjs.com"
+          target="_blank"
+          class="text-sky-600 hover:underline"
+        >
           solidjs.com
         </a>{" "}
         to learn how to build Solid apps.
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index 14d3e24..d40d6e1 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -2,7 +2,7 @@
 module.exports = {
   content: ["./src/**/*.{html,js,jsx,ts,tsx}"],
   theme: {
-    extend: {}
+    extend: {},
   },
-  plugins: []
+  plugins: [],
 };