From 8d1d47dc4f09ecdd56d898e7d70b0c27f1b02e04 Mon Sep 17 00:00:00 2001
From: Alex Lebens <alexanderlebens@gmail.com>
Date: Sat, 14 Mar 2026 13:17:33 -0500
Subject: [PATCH] fix: handle script with swup

---
 src/components/sections/HeroSection.astro | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/components/sections/HeroSection.astro b/src/components/sections/HeroSection.astro
index 5e8bb58..95f092f 100644
--- a/src/components/sections/HeroSection.astro
+++ b/src/components/sections/HeroSection.astro
@@ -82,7 +82,7 @@ const images = await Promise.all(imagesData.map(async (img) => ({
 </section>
 
 <script>
-  document.addEventListener('astro:page-load', () => {
+  function initHeroImage() {
     const container = document.getElementById('hero-image-container');
     if (container) {
       const images = container.querySelectorAll('.hero-image');
@@ -96,5 +96,13 @@ const images = await Promise.all(imagesData.map(async (img) => ({
         images[randomIndex].classList.add('flex');
       }
     }
-  });
+  }
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', initHeroImage);
+  } else {
+    initHeroImage();
+  }
+  if ((window as any).swup) {
+    (window as any).swup.hooks.on('page:view', initHeroImage); 
+  }
 </script>