Skip to main content

useSwap

Hook to open the swap interface using the Wallet Services plugin.

info

Please note that this composable doesn't work for external wallet logins. It only works for social login embedded wallets.

Import​

import { useSwap } from '@web3auth/modal/vue'

Usage​

<script setup lang="ts">
  import { useSwap } from '@web3auth/modal/vue'

  const { showSwap, loading, error } = useSwap()
</script>

<template>
  <button @click="showSwap()" :disabled="loading">
    {{ loading ? "Opening Swap..." : "Open Swap" }}
  </button>
  <div v-if="error">Error: {{ error.message }}</div>
</template>

Return type​

import { type IUseSwap } from '@web3auth/modal/vue'

loading​

boolean

Whether the swap interface is being opened.

error​

Web3AuthError | null

Error that occurred while opening the swap interface.

showSwap​

(showSwapParams?: BaseEmbedControllerState["showSwap"]) => Promise<void>

Function to open the swap interface. Accepts optional parameters for customizing the swap view.

On this page