Move to Bun

src/components/Header.astro

@@ -22,14 +22,13 @@ import { Image } from "astro:assets";
                 <ul
                     tabindex="0"
                     class="menu menu-sm dropdown-content bg-base-100 rounded-xl z-50 mt-3 w-56 p-3 shadow-xl border border-base-200"
-                    role="menu"
+                    aria-label="Navigation Button"
                 >
                     {
                         siteConfig.header.nav.map(({ text, href }) => (
-                            <li role="none">
+                            <li>
                                 <a
                                     href={href}
-                                    role="menuitem"
                                     class="py-3 px-4 rounded-lg font-medium hover:bg-primary/10 hover:text-primary transition-colors"
                                 >
                                     {text}
@@ -60,13 +59,12 @@ import { Image } from "astro:assets";
             </a>
         </div>
         <nav class="navbar-center hidden lg:flex" aria-label="Main navigation">
-            <ul class="menu menu-horizontal gap-1" role="menubar">
+            <ul class="menu menu-horizontal gap-1">
                 {
                     siteConfig.header.nav.map(({ text, href }) => (
-                        <li role="none">
+                        <li>
                             <a
                                 href={href}
-                                role="menuitem"
                                 class="font-medium px-4 py-2 rounded-lg hover:bg-primary/10 hover:text-primary transition-colors"
                             >
                                 {text}
@@ -80,7 +78,7 @@ import { Image } from "astro:assets";
             <a
                 href={siteConfig.header.cta.href}
                 class="btn btn-primary btn-sm lg:btn-md shadow-md hover:shadow-lg transition-all"
-                role="button"
+                aria-label={siteConfig.header.cta.text}
             >
                 {siteConfig.header.cta.text}
             </a>

src/components/sections/ContactSection.vue

@@ -77,7 +77,9 @@ ${message.value}`,
                             </legend>
                             <input
                                 type="text"
+                                id="firstName"
                                 name="firstName"
+                                :aria-label="siteConfig.contact.form.firstName"
                                 class="input input-bordered w-full bg-base-100 focus:border-primary focus:outline-primary"
                                 required
                                 v-model="firstName"
@@ -96,7 +98,9 @@ ${message.value}`,
                             </legend>
                             <input
                                 type="text"
+                                id="lastName"
                                 name="lastName"
+                                :aria-label="siteConfig.contact.form.lastName"
                                 class="input input-bordered w-full bg-base-100 focus:border-primary focus:outline-primary"
                                 required
                                 v-model="lastName"
@@ -117,7 +121,9 @@ ${message.value}`,
                         </legend>
                         <input
                             type="email"
+                            id="email"
                             name="email"
+                            :aria-label="siteConfig.contact.form.email"
                             class="input input-bordered w-full bg-base-100 focus:border-primary focus:outline-primary"
                             required
                             v-model="email"
@@ -136,7 +142,9 @@ ${message.value}`,
                         </legend>
                         <input
                             type="text"
+                            id="company"
                             name="company"
+                            :aria-label="siteConfig.contact.form.company"
                             class="input input-bordered w-full bg-base-100 focus:border-primary focus:outline-primary"
                             v-model="company"
                             :disabled="status === 'sending'"
@@ -215,6 +223,7 @@ ${message.value}`,
                         <textarea
                             id="project-details"
                             name="message"
+                            :aria-label="siteConfig.contact.form.message"
                             class="textarea textarea-bordered h-36 w-full resize-none bg-base-100 focus:border-primary focus:outline-primary"
                             :placeholder="
                                 siteConfig.contact.form.placeholders.message

src/components/sections/HeroSection.astro

@@ -22,7 +22,7 @@ const rotatingText = (siteConfig.hero as any).rotatingText as
 
     <div class="relative max-w-7xl mx-auto px-6">
         <div class="text-center max-w-4xl mx-auto">
-            <StatusIndicator client:load />
+            <StatusIndicator client:idle />
 
             <h1
                 class="text-4xl sm:text-5xl lg:text-6xl xl:text-7xl font-extrabold text-white leading-tight tracking-tight mb-6"

src/layouts/Layout.astro

@@ -63,6 +63,8 @@ const isProd = import.meta.env.PROD;
         />
         <meta property="og:image:type" content={resolvedOgImage.type} />
         <meta property="og:image:alt" content={resolvedOgImage.alt} />
+        <meta name="theme-color" content="#ffffff" />
+        <link rel="canonical" href={siteUrl} />
         <title>{metaTitle}</title>
         {
             isProd && (

src/pages/api/status.ts

@@ -19,7 +19,7 @@ export const GET: APIRoute = async () => {
       status: 200,
       headers: {
         "Content-Type": "application/json",
-        "Cache-Control": "no-cache, no-store, must-revalidate",
+        "Cache-Control": "public, max-age=60, stale-while-revalidate=300",
       },
     },
   );