Raydius Litepaper
  • Introduction
    • Overview
    • Mission & Vision
    • What is Raydius?
  • Core Concepts
    • Chain Abstraction
    • Raydius SDK
      • Social Login SDK
        • Raydius React SDK
          • Prerequisites
          • Installation
          • Get Your Raydius App ID
          • Set Up Your App with Raydius React SDK
          • Using the useRaydius Hook
          • Wallet Security
          • Setup
          • Advanced Usage with wagmi
          • Example Scenarios
        • Raydius Vue SDK
          • Prerequisites
          • Installation
          • Get Your Raydius App ID
          • Set Up Your App with Raydius Vue SDK
          • Using the useRaydius Hook
          • RaydiusVuePlugin Config
          • Wallet Security
      • User Loyalty Toolkit
      • Analytics Dashboard
    • Raydius Extension Store
    • Raydius Express
  • Technical Architecture
    • Tech Stack Overview
    • Multi-Chain Support
    • Security & Compliance
  • Getting Started
    • Setting Up Your Development Environment
    • Using the Raydius SDK
    • Creating and Managing Extensions
    • Integrating Raydius Express
  • Tokenomics
    • Overview of $RAYS
    • Token Utilities
    • Token Demand and Supply
  • Ecosystem and Community
    • Community Hub
    • Partnerships & Integrations
    • Developer & User Incentives
  • FAQs
    • General Questions
    • Technical Questions
    • Token-Related Questions
Powered by GitBook
On this page
  1. Core Concepts
  2. Raydius SDK
  3. Social Login SDK
  4. Raydius Vue SDK

Using the useRaydius Hook

// 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>
PreviousSet Up Your App with Raydius Vue SDKNextRaydiusVuePlugin Config

Last updated 8 months ago