mirror of
https://github.com/LukeHagar/better-auth.git
synced 2025-12-07 12:27:44 +00:00
41 lines
1.3 KiB
Vue
41 lines
1.3 KiB
Vue
<script setup lang="ts">
|
|
import { useSession, signOut } from "~/lib/auth-client";
|
|
const session = useSession();
|
|
</script>
|
|
|
|
|
|
<template>
|
|
<div class="min-h-[80vh] flex items-center justify-center overflow-hidden no-visible-scrollbar px-6 md:px-0">
|
|
<Card class="w-[350px]">
|
|
<CardHeader>
|
|
<CardTitle>
|
|
User
|
|
</CardTitle>
|
|
</CardHeader>
|
|
<CardContent>
|
|
<div class="flex gap-2 items-center">
|
|
<Avatar>
|
|
<AvatarImage :src="session.data?.user.image || ''" alt="@radix-vue" />
|
|
<AvatarFallback>CN</AvatarFallback>
|
|
</Avatar>
|
|
<div>
|
|
<p class="text-sm">
|
|
{{ session.data?.user?.name }}
|
|
</p>
|
|
<p class="text-xs">
|
|
{{ session.data?.user?.email }}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
</CardContent>
|
|
<CardFooter>
|
|
<Button @click="async()=>{
|
|
await signOut()
|
|
}">
|
|
Sing Out
|
|
</Button>
|
|
</CardFooter>
|
|
</Card>
|
|
</div>
|
|
</template> |