useFunding

Composable to show the funding screen using the Wallet Services plugin in Vue.

info

This composable doesn't work for external wallet logins. It only works for social login embedded wallets.

Import

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

Usage

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

  const { showFunding, loading, error } = useFunding()
</script>

<template>
  <button @click="showFunding()" :disabled="loading">
    {{ loading ? 'Opening...' : 'Fund wallet' }}
  </button>
  <div v-if="error">Error: {{ error.message }}</div>
</template>

Return type

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

loading

Ref<boolean>

Whether the funding screen is being opened.

error

Ref<Web3AuthError | null>

Error that occurred while opening the funding screen.

showFunding

(showFundingParams?: BaseEmbedControllerState["showFunding"]) => Promise<void>

Function to show the funding screen. Accepts optional parameters to customize the view.