Format all files with prettier: npm run format

src/components/ui/Headline.astro

@@ -1,48 +1,35 @@
 ---
-import type { Headline as Props } from "~/types";
-import { twMerge } from "tailwind-merge";
+import type { Headline as Props } from '~/types';
+import { twMerge } from 'tailwind-merge';
 
 const {
-  title = await Astro.slots.render("title"),
-  subtitle = await Astro.slots.render("subtitle"),
+  title = await Astro.slots.render('title'),
+  subtitle = await Astro.slots.render('subtitle'),
   tagline,
   classes = {},
 } = Astro.props;
 
 const {
-  container: containerClass = "max-w-3xl",
-  title: titleClass = "text-3xl md:text-4xl ",
-  subtitle: subtitleClass = "text-xl",
+  container: containerClass = 'max-w-3xl',
+  title: titleClass = 'text-3xl md:text-4xl ',
+  subtitle: subtitleClass = 'text-xl',
 } = classes;
 ---
 
 {
   (title || subtitle || tagline) && (
-    <div
-      class={twMerge("mb-8 md:mx-auto md:mb-12 text-center", containerClass)}
-    >
+    <div class={twMerge('mb-8 md:mx-auto md:mb-12 text-center', containerClass)}>
       {tagline && (
-        <p
-          class="text-base text-secondary dark:text-blue-200 font-bold tracking-wide uppercase"
-          set:html={tagline}
-        />
+        <p class="text-base text-secondary dark:text-blue-200 font-bold tracking-wide uppercase" set:html={tagline} />
       )}
       {title && (
         <h2
-          class={twMerge(
-            "font-bold leading-tighter tracking-tighter font-heading text-heading text-3xl",
-            titleClass
-          )}
+          class={twMerge('font-bold leading-tighter tracking-tighter font-heading text-heading text-3xl', titleClass)}
           set:html={title}
         />
       )}
 
-      {subtitle && (
-        <p
-          class={twMerge("mt-4 text-muted", subtitleClass)}
-          set:html={subtitle}
-        />
-      )}
+      {subtitle && <p class={twMerge('mt-4 text-muted', subtitleClass)} set:html={subtitle} />}
     </div>
   )
 }