<BetterAuthState>Renders once session hydration is complete and exposes state via slots.
<BetterAuthState>
<template #default="{ loggedIn, user, signOut }">
<p v-if="loggedIn">Hi {{ user?.name }}</p>
<button v-else @click="signIn?.()">Sign in</button>
</template>
<template #placeholder>
<p>Loading…</p>
</template>
</BetterAuthState>