Ultracite fixes

app/(pages)/(home)/cards/steam.tsx

@@ -18,12 +18,17 @@ const SteamCard = async (): Promise<ReactElement> => {
       className="flex flex-col justify-between gap-4 p-4 sm:flex-row"
     >
       <div className="flex flex-col justify-between gap-4 text-sm">
-        <Link href={`https://store.steampowered.com/app/${game.id}`} className="line-clamp-4">
+        <Link
+          href={`https://store.steampowered.com/app/${game.id}`}
+          className="line-clamp-4"
+        >
           {game.name}
         </Link>
         <div>
           <p className="truncate">🕦 {Math.round(game.playtime / 60)} hours</p>
-          <p className="truncate">🏆 {game.completeAchievements} achievements</p>
+          <p className="truncate">
+            🏆 {game.completeAchievements} achievements
+          </p>
         </div>
       </div>
       <Image

app/(pages)/(home)/page.tsx

@@ -34,7 +34,8 @@ const Home = async (): Promise<ReactElement> => {
         priority
       />
       <h1 className="text-3xl leading-tight tracking-tight sm:text-4xl">
-        Hello, I’m Hayden Bleasel. I’m an Australian Design Engineer currently based in {location}.
+        Hello, I’m Hayden Bleasel. I’m an Australian Design Engineer currently
+        based in {location}.
       </h1>
       <Newsletter />
       <div className="prose-img:m-0 prose-p:m-0 grid gap-3 md:grid-cols-3">

app/(pages)/blog/[slug]/page.tsx

@@ -19,9 +19,7 @@ export const runtime = 'nodejs';
 
 export const generateMetadata = ({ params }: PageProperties): Metadata => {
   const currentPath = params.slug;
-  const page = allBlogs.find(
-    ({ slug }) => slug === currentPath
-  );
+  const page = allBlogs.find(({ slug }) => slug === currentPath);
 
   if (!page) {
     return {};
@@ -32,15 +30,15 @@ export const generateMetadata = ({ params }: PageProperties): Metadata => {
     description: page.description,
     openGraph: page.image
       ? {
-        images: [
-          {
-            url: new URL(page.image, siteUrl).href,
-            width: 1920,
-            height: 1080,
-            alt: page.title,
-          },
-        ],
-      }
+          images: [
+            {
+              url: new URL(page.image, siteUrl).href,
+              width: 1920,
+              height: 1080,
+              alt: page.title,
+            },
+          ],
+        }
       : undefined,
   };
 };
@@ -52,9 +50,7 @@ export const generateStaticParams = (): PageProperties['params'][] =>
 
 const Page: FC<PageProperties> = ({ params }) => {
   const currentPath = params.slug;
-  const page = allBlogs.find(
-    ({ slug }) => slug === currentPath
-  );
+  const page = allBlogs.find(({ slug }) => slug === currentPath);
 
   if (!page) {
     notFound();

app/globals.css

@@ -56,4 +56,4 @@ body {
 .shiki[title]:before {
   content: attr(title);
   @apply inline-block text-neutral-500 dark:text-neutral-400 text-right mb-6 text-sm;
-}
+}

components/mdx.tsx

@@ -1,4 +1,4 @@
-import { useMDXComponent } from "@content-collections/mdx/react";
+import { useMDXComponent } from '@content-collections/mdx/react';
 import Image from 'next/image';
 import type { FC, HTMLProps, ReactNode } from 'react';
 import { Video } from './video';

next.config.mjs

@@ -1,4 +1,4 @@
-import { withContentCollections } from "@content-collections/next";
+import { withContentCollections } from '@content-collections/next';
 import withBundleAnalyzer from '@next/bundle-analyzer';
 import { createSecureHeaders } from 'next-secure-headers';