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>