<BetterAuthState>Renders once session hydration is complete (ready === true) and exposes state via slots.
BetterAuthState is currently the only component provided. Additional components may be added in future versions.<BetterAuthState>
<template #default="{ loggedIn, user, signOut }">
<p v-if="loggedIn">Hi {{ user?.name }}</p>
<button v-else @click="navigateTo('/login')">Sign in</button>
</template>
<template #placeholder>
<p>Loading…</p>
</template>
</BetterAuthState>
| Slot | Props | When |
|---|---|---|
default | { loggedIn, user, session, signOut } | After session hydration (ready === true) |
placeholder | — | While session is hydrating |
| Prop | Type | Description |
|---|---|---|
loggedIn | boolean | true if user is authenticated |
user | AuthUser | null | Current user object or null |
session | AuthSession | null | Current session object or null |
signOut | () => Promise<void> | Sign out the user |