style: reformat files

src/components/OverlayStamp.astro

@@ -1,18 +1,15 @@
 ---
 interface Props {
-  children?: any
+  children?: any;
-  class?: string
+  class?: string;
 }
 
-const { children, class: className } = Astro.props as Props
+const { children, class: className } = Astro.props as Props;
 ---
 
 <span
   aria-hidden="true"
-  class:list={[
+  class:list={["stamp-overlay pointer-events-none select-none px-4 py-2 font-heading text-2xl sm:text-4xl", className]}
-    'stamp-overlay pointer-events-none select-none px-4 py-2 font-heading text-2xl sm:text-4xl',
-    className,
-  ]}
 >
   {children}
 </span>

src/components/Perforation.astro

@@ -1,17 +1,14 @@
 ---
 interface Props {
-  class?: string
+  class?: string;
 }
 
-const { class: className } = Astro.props as Props
+const { class: className } = Astro.props as Props;
 ---
 
 <div
   aria-hidden="true"
-  class:list={[
+  class:list={["flex h-4 w-full items-center justify-between overflow-hidden px-2 opacity-60", className]}
-    'flex h-4 w-full items-center justify-between overflow-hidden px-2 opacity-60',
-    className,
-  ]}
 >
   {
     Array.from({ length: 60 }).map(() => (

src/components/Stamp.astro

@@ -1,19 +1,19 @@
 ---
 interface Props {
-  children?: any
+  children?: any;
-  class?: string
+  class?: string;
-  skew?: boolean
+  skew?: boolean;
-  variant?: 'red' | 'ink'
+  variant?: "red" | "ink";
 }
 
-const { children, class: className, skew = true, variant = 'red' } = Astro.props as Props
+const { children, class: className, skew = true, variant = "red" } = Astro.props as Props;
 ---
 
 <span
   class:list={[
-    'stamp px-2 py-1 text-[0.65rem] sm:text-xs',
+    "stamp px-2 py-1 text-[0.65rem] sm:text-xs",
-    variant === 'ink' && 'stamp-ink',
+    variant === "ink" && "stamp-ink",
-    skew && 'stamp-skew',
+    skew && "stamp-skew",
     className,
   ]}
 >