From b0ede7dd61ab4121a59359852fd19466a0265b67 Mon Sep 17 00:00:00 2001
From: Joshua Ryder <ryderjj89@outlook.com>
Date: Wed, 1 Oct 2025 22:39:40 -0400
Subject: [PATCH] Add fallback template to ClientOnly to prevent hydration
 mismatch

---
 pages/index.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/pages/index.vue b/pages/index.vue
index 4fefe1f..0f381c2 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -8,7 +8,7 @@
             <img src="/logos/logo.png" alt="New Life Christian Church" class="h-16 w-auto" />
           </div>
           <div class="flex items-center gap-4">
-            <ClientOnly>
+            <ClientOnly fallback-tag="div">
               <template v-if="isAuthenticated">
                 <NuxtLink 
                   to="/admin" 
@@ -30,6 +30,9 @@
               >
                 Admin Login
               </NuxtLink>
+              <template #fallback>
+                <div class="h-10"></div>
+              </template>
             </ClientOnly>
           </div>
         </div>