From 8ed037123cd982402d34e5c5eaccf018a17e2c68 Mon Sep 17 00:00:00 2001
From: enricobuehler <buehler@unom.io>
Date: Mon, 1 Jul 2024 21:51:57 +0200
Subject: [PATCH] fix swap

---
 web/src/components/Layout/Header.astro | 48 +++++++++++++++-----------
 1 file changed, 28 insertions(+), 20 deletions(-)

diff --git a/web/src/components/Layout/Header.astro b/web/src/components/Layout/Header.astro
index bf07f74..9e1ee4c 100644
--- a/web/src/components/Layout/Header.astro
+++ b/web/src/components/Layout/Header.astro
@@ -64,26 +64,34 @@ import { Menu } from "lucide-astro";
   const navMobile = document.getElementById("nav-mobile")!;
   const navButtons = navMobile.children;
 
-  button.addEventListener("click", () => {
-    if (navMobile.classList.contains("hidden")) {
-      animate(
-        navButtons as unknown as NodeListOf<any>,
-        {
-          y: [-30, 0],
-          scale: [0.8, 1],
-          opacity: [0, 1],
-        },
-        {
-          easing: spring({
-            stiffness: 200,
-            damping: 20,
-            mass: 1,
-          }),
-          delay: stagger(0.1),
-        },
-      );
-    }
+  const init = () => {
+    button.addEventListener("click", () => {
+      if (navMobile.classList.contains("hidden")) {
+        animate(
+          navButtons as unknown as NodeListOf<any>,
+          {
+            y: [-30, 0],
+            scale: [0.8, 1],
+            opacity: [0, 1],
+          },
+          {
+            easing: spring({
+              stiffness: 200,
+              damping: 20,
+              mass: 1,
+            }),
+            delay: stagger(0.1),
+          },
+        );
+      }
 
-    navMobile.classList.toggle("hidden");
+      navMobile.classList.toggle("hidden");
+    });
+  };
+
+  init();
+
+  document.addEventListener("astro:after-swap", () => {
+    init();
   });
 </script>