Apply formatter

src/components/blog/Post.astro

···
 
 const { id, data, layer } = Astro.props;
 
-// const img = data.image.match(/.*(?=\.png)/gm);
-// if (img === null) return;
-// const { default: image } = await import(`../../posts/assets/${img[0]}.png`);
-
 const image = await (async () => {
   if (!data.image) return;
   const img = data.image.match(/.*(?=\.png)/gm);
   if (img === null) return;
   return await import(`../../posts/assets/${img[0]}.png`).then(
-    (x) => x.default
+    (x) => x.default,
   );
 })();
 
···
             .map(
               (x, i) =>
                 `--x-offset-${i}: calc((100svw - ${blog.post.width + 2 * blog.post.xPadding}rem) * ${positions[0] + x[0]} + ${blog.post.xPadding}rem); 
-                 --y-offset-${i}: ${blog.post.yLeeway * 2 * (positions[1] + x[1]) - blog.post.yLeeway}rem;`
+                 --y-offset-${i}: ${blog.post.yLeeway * 2 * (positions[1] + x[1]) - blog.post.yLeeway}rem;`,
             )
             .join("\n")}
 

src/components/blog/background/Cloud.astro

···
   role="img"
   {...Astro.props}
 >
-<title></title>
+  <title></title>
   <defs>
     <clipPath id={`cloud-clip-${Astro.props.id}`}>
       {

src/components/blog/background/Clouds.astro

···
                       top: ${y}rem;
                       left: calc(${x} * 200lvw - 100lvw);
                       position: absolute;`}
-          role="img"
+              role="img"
               id={"cloud-" + i}
               data-parallax
-  aria-label=""
+              aria-label=""
             />,
           ],
         };
···
       {
         y: 0,
         output: [],
-      }
+      },
     ).output
   }
 </div>

src/components/blog/background/Moon.astro

···
   width="100"
   height="100"
   style={`--parallax-speed: ${blog.background.parallax.moon}`}
-  data-parallax          role="img"
+  data-parallax
+  role="img"
   aria-label=""
-
 >
-<title></title>
+  <title></title>
   <defs>
     <clipPath id="shadow">
       <rect x={phase < 0.5 ? "0" : "100"} y="0" width="100" height="200"></rect>

src/components/blog/background/Stars.astro

···
       const prongs = Math.round(
         blog.background.stars.prongs[0] +
           Math.random() *
-            (blog.background.stars.prongs[1] - blog.background.stars.prongs[0])
+            (blog.background.stars.prongs[1] - blog.background.stars.prongs[0]),
       );
 
       return (
···
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 100 100"
           role="img"
-  aria-label=""
+          aria-label=""
         >
           <title />
           {new Array(prongs).fill(0).map((_, i) => (

src/content.config.ts

···
     date: z.date(),
     colour: z.string(),
     // no alt (empty as decorative)
-    image: z.string().refine(
+    image: z
+      .string()
+      .refine(
         (value) => value.endsWith(".png"),
         (val) => ({
           message: `${val} must end with .png`,
         }),
-      ).optional(),
+      )
+      .optional(),
     hasMdx: z.boolean().default(false),
   }),
 });