Run autoformatter

src/components/RootErrorBoundary.tsx

@@ -58,7 +58,8 @@ function ErrorDetails({ error }: { error: Error }) {
 	return (
 		<div className="grid place-items-center">
 			<div className="max-w-full overflow-x-auto">
-				<details className={`w-fit text-sm mt-4 bg-slate-100 dark:bg-slate-900 border ${STYLES.BORDER_COLOR} rounded-md`}>
+				<details
+					className={`w-fit text-sm mt-4 bg-slate-100 dark:bg-slate-900 border ${STYLES.BORDER_COLOR} rounded-md`}>
 					<summary className="p-4 cursor-pointer">{errorMessage}</summary>
 					<pre className={`p-4 border-t ${STYLES.BORDER_COLOR}`}>{error.stack}</pre>
 				</details>

src/components/pages/WidgetsPage.tsx

@@ -84,7 +84,9 @@ export default function WidgetsPage() {
 				<Button loading outlined>
 					Loading Outlined
 				</Button>
-				<Button as="a" href="https://google.com/">Link</Button>
+				<Button as="a" href="https://google.com/">
+					Link
+				</Button>
 				<Button as="a" loading href="https://google.com/">
 					Loading Link
 				</Button>

src/components/widgets/LanguageSelect.tsx

@@ -8,7 +8,8 @@ export default function LanguageSelect() {
 		setLanguage(language === "de" ? "en" : "de");
 	};
 
-	const iconClasses = "w-8 h-8 transition-colors " + "fill-slate-600 hover:fill-black dark:fill-slate-400 dark:hover:fill-white";
+	const iconClasses =
+		"w-8 h-8 transition-colors " + "fill-slate-600 hover:fill-black dark:fill-slate-400 dark:hover:fill-white";
 
 	return (
 		<button

src/components/widgets/TextLink.tsx

@@ -28,7 +28,11 @@ export default function TextLink({ className, children, to, ...props }: TextLink
 
 	if (isExternal) {
 		return (
-			<a href={to} target="_blank" rel="noreferrer" className={`inline-flex flex-row items-baseline gap-0.5 ${classes}`}>
+			<a
+				href={to}
+				target="_blank"
+				rel="noreferrer"
+				className={`inline-flex flex-row items-baseline gap-0.5 ${classes}`}>
 				<span>{children}</span>
 				<ArrowUpRightFromSquare className="w-3 h-3 fill-current" />
 			</a>

src/components/widgets/ThemeToggle.tsx

@@ -9,8 +9,7 @@ export default function ThemeToggle() {
 		"w-12 h-6 flex items-center p-0.5 rounded-full bg-slate-200 dark:bg-blue-600 overflow-hidden";
 
 	const innerContainerClasses =
-		"transition-all dark:translate-x-full flex flex-row items-center gap-1.5 " +
-		"text-slate-600 dark:text-slate-300";
+		"transition-all dark:translate-x-full flex flex-row items-center gap-1.5 " + "text-slate-600 dark:text-slate-300";
 
 	const toggleHandleClasses = "h-5 w-5 bg-white border rounded-full border-gray-300";
 

src/components/widgets/typography/Heading.tsx

@@ -15,7 +15,6 @@ export function H2(props: JSX.IntrinsicElements["h2"]) {
 	return <Heading level={2} baseClasses="font-bold text-2xl mt-8 mb-4 first:mt-3" {...props} />;
 }
 
-
 export function H3(props: JSX.IntrinsicElements["h1"]) {
 	return <Heading level={3} baseClasses="font-bold text-xl mt-8 mb-4 first:mt-2" {...props} />;
 }

src/data/events/Events.ts

@@ -18,7 +18,6 @@ type EventCallbackDataMap = {
 	} & EventDataMap[T];
 };
 
-
 export type EventToken = string;
 export type EventCallback = (data: EventCallbackDataMap[EventTypesType]) => void | PromiseLike<void>;
 

src/index.css

@@ -3,49 +3,49 @@
 @tailwind utilities;
 
 @layer base {
-    .break-words {
-        overflow-wrap: break-word;
-        word-wrap: break-word;
-        word-break: break-word;
-    }
+	.break-words {
+		overflow-wrap: break-word;
+		word-wrap: break-word;
+		word-break: break-word;
+	}
 }
 
 html {
-    scroll-behavior: smooth;
+	scroll-behavior: smooth;
 }
 
 code {
-    font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
+	font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
 }
 
 @keyframes animate-content-out {
-    from {
-        transform: translate(0, 0);
-        opacity: 1;
-    }
-
-    to {
-        transform: translate(-1%, -1%);
-        opacity: 0;
-    }
+	from {
+		transform: translate(0, 0);
+		opacity: 1;
+	}
+
+	to {
+		transform: translate(-1%, -1%);
+		opacity: 0;
+	}
 }
 
 @keyframes animate-content-in {
-    from {
-        transform: translate(1%, 1%);
-        opacity: 0;
-    }
-
-    to {
-        transform: translate(0, 0);
-        opacity: 1;
-    }
+	from {
+		transform: translate(1%, 1%);
+		opacity: 0;
+	}
+
+	to {
+		transform: translate(0, 0);
+		opacity: 1;
+	}
 }
 
 ::view-transition-old(main-content) {
-    animation: 0.1s ease-out both animate-content-out;
+	animation: 0.1s ease-out both animate-content-out;
 }
 
 ::view-transition-new(main-content) {
-    animation: 0.1s ease-out both animate-content-in;
-}
\ No newline at end of file
+	animation: 0.1s ease-out both animate-content-in;
+}

tsconfig.json

@@ -19,12 +19,12 @@
 		"forceConsistentCasingInFileNames": true,
 		"resolveJsonModule": true,
 		"isolatedModules": true,
-        "sourceMap": true
+		"sourceMap": true,
 	},
 	"include": ["src"],
 	"references": [
 		{
-			"path": "./tsconfig.node.json"
-		}
-	]
+			"path": "./tsconfig.node.json",
+		},
+	],
 }