RyderTech/nlcc-itinerary
1
0
Fork 0
Code Issues Pull Requests Packages Activity

Fix favicon location and hydration mismatch by moving logos to public directory and wrapping auth UI in ClientOnly

Browse Source
This commit is contained in:
Joshua Ryder
2025-10-01 22:35:19 -04:00
parent af72305c80
commit da5135d615
3 changed files with 20 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
pages/index.vue
View File

@@ -8,27 +8,29 @@
<img src="/logos/logo.png" alt="New Life Christian Church" class="h-16 w-auto" />
</div>
<div class="flex items-center gap-4">
<template v-if="isAuthenticated">
<ClientOnly>
<template v-if="isAuthenticated">
<NuxtLink
to="/admin"
class="px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 font-medium text-sm"
>
Create New Sermon
</NuxtLink>
<button
@click="handleLogout"
class="text-sm font-medium text-red-600 hover:text-red-700"
>
Logout
</button>
</template>
<NuxtLink
to="/admin"
class="px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 font-medium text-sm"
v-else
to="/login"
class="text-sm font-medium text-blue-600 hover:text-blue-700"
>
Create New Sermon
Admin Login
</NuxtLink>
<button
@click="handleLogout"
class="text-sm font-medium text-red-600 hover:text-red-700"
>
Logout
</button>
</template>
<NuxtLink
v-else
to="/login"
class="text-sm font-medium text-blue-600 hover:text-blue-700"
>
Admin Login
</NuxtLink>
</ClientOnly>
</div>
</div>
<div class="text-center mt-6">