fix: Pagefind init issue

riceball-tw · Apr 13, 2024 · e599c15 · e599c15
1 parent d12c9a1
commit e599c15
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -31,7 +31,9 @@ const heroBadge = {
 
 <script>
   function initPagefind() {
-    if (!document.getElementById('pagefind-search')) return
+    const pagefindElement = document.getElementById('pagefind-search');
+    if (pagefindElement?.dataset.initialized) return;
+    pagefindElement?.setAttribute("data-initialized", 'true')
     // External Code, Skip lint
     // https://pagefind.app/docs/ui-usage/
     // @ts-ignore-next-line
@@ -45,10 +47,12 @@ const heroBadge = {
       sort: { date: "desc" },
     });
   }
-
+  
   document.addEventListener('astro:page-load', () => {
     initPagefind();
   });
+
+  initPagefind()
 </script>
 
 <BlogBase>