refactor(docs): note for NuxtLink usage, added geist font in example, minor cleanups

This commit is contained in:
2026-03-14 22:57:05 +05:30
parent 7751ee5db8
commit 06f9c3ee15
6 changed files with 57 additions and 20 deletions

View File

@@ -12,25 +12,31 @@ onMounted(() => {
<div
v-if="userStatus !== 'pending'"
className="flex flex-col items-center justify-center min-h-screen p-8 pb-20 gap-16 sm:p-20"
>
>
<main className="flex flex-col gap-8 row-start-2 justify-center items-center sm:items-start">
<div class="flex flex-row items-center ">
<img class="dark:invert size-24" src="/nuxt.svg" alt="Nuxt logo" />
<div class="flex flex-row items-center justify-evenly min-w-full">
<img class="size-24" src="/nuxt.svg" alt="Nuxt logo" />
<div class="ml-3.5 mr-2 font-mono opacity-70">&amp;</div>
<img class="dark:invert" src="/bknd.svg" alt="bknd logo" width="183" height="59" />
<img
class="dark:invert"
src="/bknd.svg"
alt="bknd logo"
width="183"
height="59"
/>
</div>
<div v-if="data?.user">
Logged in as {{ data.user.email }}.
<a className="font-medium underline" href='/api/auth/logout'>
<NuxtLink external className="font-medium underline" href='/api/auth/logout'>
Logout
</a>
</NuxtLink>
</div>
<div v-else className="flex flex-col gap-1">
<p>
Not logged in.
<a className="font-medium underline" href="/admin/auth/login">
<NuxtLink external className="font-medium underline" href="/admin/auth/login">
Login
</a>
</NuxtLink>
</p>
<p className="text-xs opacity-50">
Sign in with: