chore: format files

src/components/Button.jsx

@@ -18,7 +18,7 @@ export function Button({
   className = clsx(
     'inline-flex items-center gap-2 justify-center rounded-md py-2 px-3 outline-offset-2 transition active:transition-none',
     variantStyles[variant],
-    className
+    className,
   )
   if (absolute) {
     return <a href={href} className={className} {...props} />

src/components/Card.jsx

@@ -76,7 +76,7 @@ Card.Eyebrow = function CardEyebrow({
       className={clsx(
         className,
         'relative z-10 order-first mb-3 flex items-center text-zinc-400 dark:text-zinc-500',
-        decorate && 'pl-3.5'
+        decorate && 'pl-3.5',
       )}
       {...props}
     >

src/components/Container.jsx

@@ -3,7 +3,7 @@ import clsx from 'clsx'
 
 const OuterContainer = forwardRef(function OuterContainer(
   { className, children, ...props },
-  ref
+  ref,
 ) {
   return (
     <div ref={ref} className={clsx('sm:px-8', className)} {...props}>
@@ -14,7 +14,7 @@ const OuterContainer = forwardRef(function OuterContainer(
 
 const InnerContainer = forwardRef(function InnerContainer(
   { className, children, ...props },
-  ref
+  ref,
 ) {
   return (
     <div
@@ -29,7 +29,7 @@ const InnerContainer = forwardRef(function InnerContainer(
 
 export const Container = forwardRef(function Container(
   { children, ...props },
-  ref
+  ref,
 ) {
   return (
     <OuterContainer ref={ref} {...props}>

src/components/Footer.jsx

@@ -82,7 +82,7 @@ export function Footer() {
   return (
     <footer className="mt-32">
       <Container.Outer>
-        <div className="border-t border-zinc-100 pt-10 pb-16 dark:border-zinc-700/40">
+        <div className="border-t border-zinc-100 pb-16 pt-10 dark:border-zinc-700/40">
           <Container.Inner>
             <div className="flex flex-col items-center justify-between gap-6 sm:flex-row">
               <div className="flex gap-6 font-medium text-zinc-800 dark:text-zinc-200">

src/components/Header.jsx

@@ -146,7 +146,7 @@ function NavItem({ href, children }) {
           'relative block px-3 py-2 transition',
           isActive
             ? 'text-blue-500 dark:text-blue-400'
-            : 'hover:text-blue-500 dark:hover:text-blue-400'
+            : 'hover:text-blue-500 dark:hover:text-blue-400',
         )}
       >
         {children}
@@ -218,7 +218,7 @@ function AvatarContainer({ className, ...props }) {
     <div
       className={clsx(
         className,
-        'h-10 w-10 rounded-full bg-white/90 p-0.5 shadow-lg shadow-zinc-800/5 ring-1 ring-zinc-900/5 backdrop-blur dark:bg-zinc-800/90 dark:ring-white/10'
+        'h-10 w-10 rounded-full bg-white/90 p-0.5 shadow-lg shadow-zinc-800/5 ring-1 ring-zinc-900/5 backdrop-blur dark:bg-zinc-800/90 dark:ring-white/10',
       )}
       {...props}
     />
@@ -239,7 +239,7 @@ function Avatar({ large = false, className, ...props }) {
         sizes={large ? '4rem' : '2.25rem'}
         className={clsx(
           'rounded-full bg-zinc-100 object-cover dark:bg-zinc-800',
-          large ? 'h-16 w-16' : 'h-9 w-9'
+          large ? 'h-16 w-16' : 'h-9 w-9',
         )}
         priority
       />
@@ -271,7 +271,7 @@ export function Header() {
       let scrollY = clamp(
         window.scrollY,
         0,
-        document.body.scrollHeight - window.innerHeight
+        document.body.scrollHeight - window.innerHeight,
       )
 
       if (isInitial.current) {
@@ -323,7 +323,7 @@ export function Header() {
 
       setProperty(
         '--avatar-image-transform',
-        `translate3d(${x}rem, 0, 0) scale(${scale})`
+        `translate3d(${x}rem, 0, 0) scale(${scale})`,
       )
 
       let borderScale = 1 / (toScale / scale)

src/lib/generateRssFeed.js

@@ -39,7 +39,7 @@ export async function generateRssFeed() {
     }
 
     let html = ReactDOMServer.renderToStaticMarkup(
-      <article.component isRssFeed />
+      <article.component isRssFeed />,
     )
 
     feed.addItem({

src/lib/getAllArticles.js

@@ -22,6 +22,6 @@ export async function getAllArticles() {
   let issues = await getAllIssues()
 
   return [...articles, ...issues].sort(
-    (a, z) => new Date(z.date) - new Date(a.date)
+    (a, z) => new Date(z.date) - new Date(a.date),
   )
 }

src/lib/github.js

@@ -36,7 +36,7 @@ const preparePosts = (posts) => {
 
 export async function getAllIssues() {
   let issues = await api(
-    'repos/alessbell/aless.co/issues?state=closed&creator=alessbell'
+    'repos/alessbell/aless.co/issues?state=closed&creator=alessbell',
   )
   return preparePosts(issues)
 }

src/pages/api/og.jsx

@@ -6,7 +6,7 @@ export const config = {
 
 // Make sure the font exists in the specified path:
 const font = fetch(
-  new URL('../../fonts/GT-Pressura-Mono-Regular.ttf', import.meta.url)
+  new URL('../../fonts/GT-Pressura-Mono-Regular.ttf', import.meta.url),
 ).then((res) => res.arrayBuffer())
 
 export default async function handler(req) {
@@ -47,6 +47,6 @@ export default async function handler(req) {
           style: 'normal',
         },
       ],
-    }
+    },
   )
 }

src/pages/gatsby-wasm-plugin/index.mdx

@@ -115,15 +115,15 @@ module.exports = ({ markdownNode }, config) => {
   const buffer = twitterCard.generate_text(
     post.title,
     // ...
-    fontToUint8Array
+    fontToUint8Array,
   )
   return Promise.all([generateBackground(), writeTextToCard(buffer)])
     .then(([base, text]) => base.composite(text, 0, 0))
     .then((image) =>
       image
         .writeAsync(output)
         .then(() => console.log('Generated Twitter Card: ', output))
-        .catch((err) => err)
+        .catch((err) => err),
     )
     .catch(console.error)
 }

src/pages/index.jsx

@@ -244,7 +244,7 @@ function Photos() {
             key={image.src}
             className={clsx(
               'relative aspect-[9/10] w-44 flex-none overflow-hidden rounded-xl bg-zinc-100 dark:bg-zinc-800 sm:w-72 sm:rounded-2xl',
-              rotations[imageIndex % rotations.length]
+              rotations[imageIndex % rotations.length],
             )}
           >
             <Image

src/pages/typed-web-workers/index.mdx

@@ -71,7 +71,7 @@ declare class ComputeDataWebWorker extends Worker {
 
   sumDailyTotals(
     data: Point[],
-    column: 'Demand__MW_' | 'Net_Generation__MW_'
+    column: 'Demand__MW_' | 'Net_Generation__MW_',
   ): Promise<{ [key: string]: number }>
 }