> For the complete documentation index, see [llms.txt](https://docs.raydius-research.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.raydius-research.com/core-concepts/raydius-sdk/social-login-sdk/raydius-vue-sdk/using-the-useraydius-hook.md).

# Using the useRaydius Hook

```typescript
// App.vue or other vue component
<script setup>
import { useRaydius } from '@raydius/vue'

const { login, logout, userAccount } = useRaydius()
</script>

<template>
    <button @click="login">login</button>
    <button @click="logout">logout</button>
    <div>
        UserAccount : 
        <pre>{{ userAccount }}</pre>
    </div>
</template>

```