Bun lint

src/front/components/Lanyard/index.tsx

@@ -1,8 +1,7 @@
 import { highlightElement } from "@speed-highlight/core";
 import { createRef } from "tsx-dom";
-import socket from "../../utilities/socket";
-
 import colors from "../../colors.module.css";
+import socket from "../../utilities/socket";
 
 const activityTypes: Record<number, string> = {
 	0: "Playing",

src/front/components/pages/About/index.module.css

@@ -1,34 +1,34 @@
 .container {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    flex-direction: column;
-    height: 100%;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	flex-direction: column;
+	height: 100%;
 }
 
 .card {
-    width: 90%;
-    padding: .5rem;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    flex-direction: column;
+	width: 90%;
+	padding: 0.5rem;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	flex-direction: column;
 
-    .center {
-        text-align: center;
-    }
+	.center {
+		text-align: center;
+	}
 }
 
 .avatar {
-    width: 5rem;
-    height: inherit;
-    border: 2px solid rgb(var(--mdui-color-primary));
+	width: 5rem;
+	height: inherit;
+	border: 2px solid rgb(var(--mdui-color-primary));
 }
 
 .lanyard {
-    display: var(--lanyard-display);
+	display: var(--lanyard-display);
 }
 
 .hyperate {
-    display: var(--hyperate-display);
-}
+	display: var(--hyperate-display);
+}

src/front/components/pages/About/index.tsx

@@ -4,18 +4,14 @@ import "mdui/components/avatar";
 import "mdui/components/segmented-button-group";
 import "mdui/components/segmented-button";
 
+import colors from "../../../colors.module.css";
 import Hyperate from "../../Hyperate";
 import Lanyard from "../../Lanyard";
-
 import styles from "./index.module.css";
-import colors from "../../../colors.module.css";
-
 
 export default () => {
 	return (
-		<div
-			class={styles.container}
-		>
+		<div class={styles.container}>
 			<mdui-card
 				// @ts-expect-error; variant is not in the types for some reason?
 				variant="filled"
@@ -38,9 +34,7 @@ export default () => {
 				</p>
 			</mdui-card>
 
-			<br
-				class={styles.lanyard}
-			/>
+			<br class={styles.lanyard} />
 
 			<mdui-card
 				// @ts-expect-error; variant is not in the types for some reason?
@@ -50,9 +44,7 @@ export default () => {
 				<Lanyard />
 			</mdui-card>
 
-			<br
-				class={styles.hyperate}
-			/>
+			<br class={styles.hyperate} />
 
 			<mdui-card
 				// @ts-expect-error; variant is not in the types for some reason?

src/front/index.css

@@ -31,8 +31,7 @@ body {
 	max-width: min(100%, 100vw);
 	margin: 10px 0;
 	padding: 30px 20px;
-	font:
-		18px / 24px monospace;
+	font: 18px / 24px monospace;
 	box-shadow: 0 0 5px #0001;
 
 	:before {
@@ -59,7 +58,6 @@ body {
 	color: #ff5261;
 }
 
-
 .shj-syn-str {
 	color: #4dacfa;
 }
@@ -90,4 +88,4 @@ body {
 	100% {
 		transform: scale(1);
 	}
-}
+}

types/css.d.ts

@@ -1,6 +1,6 @@
-declare module '*.module.css' {
-    const styles: {
-        readonly [key: string]: string
-    }
-    export default styles
-}
+declare module "*.module.css" {
+	const styles: {
+		readonly [key: string]: string;
+	};
+	export default styles;
+}