Run formatter.

Author: nikoshell

.pre-commit-config.yaml

@@ -26,6 +26,7 @@ repos:
       - id: local_prettier
         name: prettier
         entry: pnpm prettier --log-level=error --plugin=prettier-plugin-astro
+        args: ["--tab-width", "2", "--trailing-comma", "es5"]
         language: node
         types_or: ["text"]
         exclude_types: ["editorconfig", "gitignore"]

package.json

@@ -8,7 +8,7 @@
     "build": "astro check && astro build && pnpm pagefind --site dist",
     "preview": "astro preview",
     "astro": "astro",
-    "format": "pnpm prettier --write --log-level=error --plugin=prettier-plugin-astro ."
+    "format": "pnpm prettier --tab-width 2 --trailing-comma es5 --write --log-level=error --plugin=prettier-plugin-astro ."
   },
   "dependencies": {
     "@astro-community/astro-embed-youtube": "^0.5.6",

src/components/accordion/accordion.astro

@@ -28,7 +28,7 @@ const { title, id } = Astro.props;
     const hash = window.location.hash.substring(1); // Remove #
     if (hash) {
       const details = document.getElementById(
-        hash,
+        hash
       ) as HTMLDetailsElement | null;
       if (details) {
         details.open = true;

src/components/card/card.astro

@@ -22,15 +22,15 @@ const { title, subtitle, url, image } = Astro.props;
         src={image}
         width={600}
         height={375}
-          alt=`Card image - ${title}`
+        alt=`Card image - ${title}`
         class="not-prose rounded-xl aspect-[3/2] w-full"
         loading="lazy"
       />
     </div>
   </a>
   <div class="flex items-center flex-col flex-grow mb-2">
     <a href={url} class="block hover:underline">
-      <h3 >{title}</h3>
+      <h3>{title}</h3>
     </a>
     <slot />
   </div>

src/components/header/header-actions.astro

@@ -27,7 +27,9 @@ const IS_LIVE = false;
   {
     !mobile ? (
       <>
-      <Button url="/tickets" icon="ticket">Register Now!</Button>
+        <Button url="/tickets" icon="ticket">
+          Register Now!
+        </Button>
         {IS_LIVE && <Button url="/live">Live</Button>}
       </>
     ) : null
@@ -116,7 +118,7 @@ const IS_LIVE = false;
     --pagefind-ui-border: #d8d8d8;
     --pagefind-ui-border-width: 2px;
     --pagefind-ui-border-radius: 0;
-    width:50%;
+    width: 50%;
     min-width: 10vw;
   }
   .pagefind-ui.yellow {

src/components/keynoters/keynoter.astro

@@ -31,11 +31,10 @@ const placeholders = [Person1, Person2, Person3, Person4, Person5];
 
 const Placeholder =
   placeholders[Math.floor(Math.random() * placeholders.length)];
-
 ---
 
 <li class:list={["list-none rounded-2xl overflow-clip flex group", className]}>
-  <a class="block w-full h-full relative " >
+  <a class="block w-full h-full relative">
     <div class="relative aspect-[9/10] overflow-clip">
       {
         image ? (
@@ -53,9 +52,7 @@ const Placeholder =
       }
     </div>
 
-    <div
-      class="px-5 py-2 pb-4 bg-keynoter-info rounded-t-none h-full "
-    >
+    <div class="px-5 py-2 pb-4 bg-keynoter-info rounded-t-none h-full">
       {
         placeholder ? (
           <p class="text-body-inverted ">More keynoters coming soon</p>

src/components/keynoters/keynoters.astro

@@ -126,5 +126,6 @@ const placeholders = Math.max(0, 5 - keynoters.length);
   </div>
 </section>
 <style>
-  .fill-hero-primary {}
+  .fill-hero-primary {
+  }
 </style>

src/components/schedule/speakers.astro

@@ -10,7 +10,7 @@ interface Props {
 const allSpeakers = await getCollection("speakers");
 
 const speakersByCode = Object.fromEntries(
-  allSpeakers.map((speaker) => [speaker.data.code, speaker]),
+  allSpeakers.map((speaker) => [speaker.data.code, speaker])
 );
 
 const speakers = Astro.props.speakers

src/components/sections/prague.astro

@@ -2,8 +2,9 @@
 import PragueComponent from "@components/hero-section/prague.astro";
 import * as venue from "../../data/home/prague.mdx";
 ---
-  <div class="mt-12 px-6 pb-32 overflow-visible">
-    <PragueComponent title={venue.frontmatter.title}>
-      <venue.Content />
-    </PragueComponent>
-  </div>
+
+<div class="mt-12 px-6 pb-32 overflow-visible">
+  <PragueComponent title={venue.frontmatter.title}>
+    <venue.Content />
+  </PragueComponent>
+</div>

src/components/sections/updates.astro

@@ -1,21 +1,20 @@
 ---
-
 import { CardContainer } from "@components/card/card-container";
 import { Title } from "@components/typography/title";
 import DeadlineCard from "@components/deadline-card.astro";
-import Headline from "@ui/Headline.astro"
+import Headline from "@ui/Headline.astro";
 import { getCollection } from "astro:content";
 
 let deadlines = await getCollection("deadlines");
 deadlines = deadlines
   .sort((a, b) => a.slug.localeCompare(b.slug))
   .reverse()
   .slice(0, 3);
-
 ---
-  <section class="prose-xl m-0 my-12 p-0">
-    <Headline id="updates" title="Updates" />
-    <CardContainer>
-      {deadlines.map((deadline) => <DeadlineCard id={deadline.slug} />)}
-    </CardContainer>
-  </section>
+
+<section class="prose-xl m-0 my-12 p-0">
+  <Headline id="updates" title="Updates" />
+  <CardContainer>
+    {deadlines.map((deadline) => <DeadlineCard id={deadline.slug} />)}
+  </CardContainer>
+</section>