Remove astro page-load

Author: nikoshell

src/components/Header.astro

@@ -53,7 +53,7 @@ import links from "@data/links.json";
   }
 </style>
 <script>
-document.addEventListener("astro:page-load", () => {
+document.addEventListener("DOMContentLoaded", () => {
   let prevScrollPos = window.pageYOffset;
   const navbar = document.getElementById("navbar") as HTMLElement;
 

src/components/Modal.astro

@@ -27,7 +27,7 @@ const { id = 'modal', open = false, closeOnOutsideClick = false } = Astro.props;
   </div>
 </div>
 <script >
-  document.addEventListener('astro:page-load', () => {
+  document.addEventListener('DOMContentLoaded', () => {
     // Function to toggle body scroll
     const toggleBodyScroll = (disable: any) => {
       if (disable) {

src/components/NavItems.astro

@@ -100,7 +100,7 @@ const { items, inverted = false, level = 1 } = Astro.props;
 
 <script>
   // Add keyboard navigation support
-  document.addEventListener('astro:page-load', () => {
+  document.addEventListener('DOMContentLoaded', () => {
     const navButtons = document.querySelectorAll('[role="menuitem"][aria-haspopup="true"]');
 
     navButtons.forEach(button => {

src/components/Search.astro

@@ -24,7 +24,7 @@ import Modal from "@components/Modal.astro";
 
 
 <script>
-document.addEventListener("astro:page-load", function () {
+document.addEventListener("DOMContentLoaded", function () {
   const searchContainer = document.querySelector(".pagefind-ui") as HTMLElement | null;
   const searchInput = searchContainer?.querySelector("input") as HTMLInputElement | null;
   const searchButton = document.getElementById("searchButton") as HTMLElement | null;

src/components/schedule/day.astro

@@ -635,7 +635,7 @@ const dateText = format(date, "eeee - do MMMM");
 </style>
 
 <script>
-  document.addEventListener("astro:page-load", function () {
+  document.addEventListener("DOMContentLoaded", function () {
     const containers = document.querySelectorAll(".schedule-container");
 
     function syncScroll(event: any) {

src/components/sections/speakers.astro

@@ -70,7 +70,7 @@ const sectionSubtitle = "Meet some of our amazing speakers";
 </Section>
 
 <script>
-document.addEventListener('astro:page-load', () => {
+document.addEventListener('DOMContentLoaded', () => {
   const track = document.querySelector('.speakers-track') as HTMLElement;
   const slides = document.querySelectorAll('.speaker-slide');
   const totalOriginalSlides = slides.length / 2;

src/components/sessions/filter.astro

@@ -80,7 +80,7 @@ import Select from "@ui/Select.astro";
     search: string;
   }
 
-  document.addEventListener("astro:page-load", () => {
+  document.addEventListener("DOMContentLoaded", () => {
     const forms = document.querySelectorAll<HTMLFormElement>("form.filter-sessions");
     const resultsInfo = document.getElementById("results-info");
 

src/components/ui/Accordion.astro

@@ -29,7 +29,7 @@ const { title, id } = Astro.props;
   }
 </style>
 <script>
-  document.addEventListener("astro:page-load", () => {
+  document.addEventListener("DOMContentLoaded", () => {
     const hash = window.location.hash.substring(1); // Remove #
     if (hash) {
       const details = document.getElementById(

src/layouts/Layout.astro

@@ -151,25 +151,7 @@ document.addEventListener('DOMContentLoaded', () => {
       } else {
         alert(message);
       }
-
-      console.log('Blocked external link:', href);
-
     }, { passive: false });
   }
 });
-
-function addVisualFeedback() {
-  if (window.matchMedia('(display-mode: standalone)').matches) {
-    const style = document.createElement('style');
-    style.textContent = `
-      a[href^="http"]:not([href^="${window.location.origin}"]):hover::after,
-      a[href^="//"]:hover::after {
-        content: " 🚫";
-      }
-    `;
-    document.head.appendChild(style);
-  }
-}
-
-document.addEventListener('DOMContentLoaded', addVisualFeedback);
 </script>

src/layouts/MarkdownLayout.astro

@@ -34,7 +34,7 @@ const { title, description, toc=false } = Astro.props;
 </Layout>
 
 <script is:inline>
-  document.addEventListener("astro:page-load", () => {
+  document.addEventListener("DOMContentLoaded", () => {
     const tocContainer = document.getElementById("toc");
     if (!tocContainer) return;