Formatting. :trolley:

index.ts

@@ -14,32 +14,32 @@ const build = async () => {
 		html: true,
 		experimentalCss: true,
 		splitting: true,
-        sourcemap: "linked"
+		sourcemap: "linked",
 		//minify: true,
-    })
+	});
 	const end = Date.now();
 	await cleanOldFiles(built.outputs);
-    console.log("Did build", built.success, built.logs)
+	console.log("Did build", built.success, built.logs);
 	console.log("Build time:", end - start, "ms");
-}
+};
 
 const cleanOldFiles = async (outputs: BuildArtifact[]) => {
-    let distFiles: string[] = []
+	let distFiles: string[] = [];
 	for await (const file of glob.scan("./dist")) {
-        distFiles.push(file)
+		distFiles.push(file);
 	}
 
 	for await (const output of outputs) {
-        const arr = output.path.split("\\")
+		const arr = output.path.split("\\");
-        const file = arr[arr.length - 1]
+		const file = arr[arr.length - 1];
 
-        distFiles = distFiles.filter(item => item !== file);
+		distFiles = distFiles.filter((item) => item !== file);
 	}
 
 	return await Promise.all(
-        Array.from(distFiles).map(file => unlink(join("dist", file)))
+		Array.from(distFiles).map((file) => unlink(join("dist", file))),
 	);
-}
+};
 
 if (process.env.NOWATCH !== "1") {
 	watch(import.meta.dir, { recursive: true }, async (_, file) => {
@@ -53,9 +53,9 @@ if (process.env.NOWATCH !== "1") {
 
 			const file = pathname === "/" ? "/index.html" : pathname;
 
-            return new Response(Bun.file(`dist${file}`))
+			return new Response(Bun.file(`dist${file}`));
-        }
+		},
-    })
+	});
 }
 
 await build();

src/components/App.tsx

@@ -1,7 +1,7 @@
 import Hero from "./Hero";
 import IconAnchor from "./IconAnchor";
 
-import { Music, } from "lucide-preact";
+import { Music } from "lucide-preact";
 import { SiGithub, SiForgejo, SiInstagram } from "react-icons/si";
 
 import "./App.css";

src/components/Hero/Hero.css

@@ -27,7 +27,7 @@
 	position: relative;
 	z-index: 1;
 	font-size: 2rem;
-  color: #DEDEDE
+	color: #dedede;
 }
 
 .waves-header {
@@ -38,7 +38,7 @@
 	height: 150px;
 	background-repeat: no-repeat;
 	background-size: cover;
-  background-image: url("./header.svg")
+	background-image: url("./header.svg");
 }
 
 .waves-footer {
@@ -49,5 +49,5 @@
 	height: 200px;
 	background-repeat: no-repeat;
 	background-size: cover;
-  background-image: url("./footer.svg")
+	background-image: url("./footer.svg");
 }

src/components/IconAnchor/index.tsx

@@ -2,8 +2,15 @@ import type { VNode } from "preact";
 
 import "./IconAnchor.css";
 
-export default (props: {icon: VNode; link: string; title: string;}) => {
+export default (props: { icon: VNode; link: string; title: string }) => {
 	return (
-        <a class="IconAnchor" href={props.link} title={props.title} rel="noreferrer noopener">{props.icon}</a>
+		<a
+			class="IconAnchor"
+			href={props.link}
+			title={props.title}
+			rel="noreferrer noopener"
+		>
+			{props.icon}
+		</a>
 	);
-}
+};