formatting pass

postcss.config.cjs

@@ -3,4 +3,4 @@ module.exports = {
     tailwindcss: {},
     autoprefixer: {},
   },
-}
+};

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>

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()}

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">

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>
+      <h1 class="max-6-xs text-6xl text-sky-700 font-thin uppercase my-16">
-      <p class="mt-8">
+        Not Found
-        Visit{" "}
+      </h1>
-        <a href="https://solidjs.com" target="_blank" class="text-sky-600 hover:underline">
-          solidjs.com
-        </a>{" "}
-        to learn how to build Solid apps.
-      </p>
       <p class="my-4">
         <A href="/" class="text-sky-600 hover:underline">
           Home

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.

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.

tailwind.config.cjs

@@ -2,7 +2,7 @@
 module.exports = {
   content: ["./src/**/*.{html,js,jsx,ts,tsx}"],
   theme: {
-    extend: {}
+    extend: {},
   },
-  plugins: []
+  plugins: [],
 };