From ba153fdee958814f205a05ce51e6bb737979e9fc Mon Sep 17 00:00:00 2001
From: reslear <reslear@gmail.com>
Date: Fri, 27 Dec 2024 19:04:00 +0100
Subject: [PATCH] docs: update vue client example (#1040)

* docs: update vue client example

* Update client.mdx
---
 docs/content/docs/concepts/client.mdx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/docs/content/docs/concepts/client.mdx b/docs/content/docs/concepts/client.mdx
index dd6b5ee438..f36d43b2db 100644
--- a/docs/content/docs/concepts/client.mdx
+++ b/docs/content/docs/concepts/client.mdx
@@ -112,16 +112,20 @@ On top of normal methods, the client provides hooks to easily access different r
 
     <Tab value="Vue">
         ```vue title="user.vue"
+        <script lang="ts" setup>
+        import { authClient } from '@/lib/auth-client'
+        const session = authClient.useSession()
+        </script>
         <template>
             <div>
-                <button v-if="!client.useSession().value" @click="() => client.signIn.social({
+                <button v-if="!session.data" @click="() => authClient.signIn.social({
                     provider: 'github'
                 })">
                     Continue with github
                 </button>
                 <div>
-                    <pre>{{ client.useSession().value }}</pre>
-                    <button v-if="client.useSession().value" @click="client.signOut()">
+                    <pre>{{ session.data }}</pre>
+                    <button v-if="session.data" @click="authClient.signOut()">
                         Sign out
                     </button>
                 </div>