> For the complete documentation index, see [llms.txt](/llms.txt).

# useWeb3AuthDisconnect

Hook to disconnect from Web3Auth.

### Import[​](#import "Direct link to Import")

```
import { useWeb3AuthDisconnect } from '@web3auth/modal/vue'

```

### Usage[​](#usage "Direct link to Usage")

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

  const { disconnect, loading, error } = useWeb3AuthDisconnect()
</script>

<template>
  <button @click="disconnect()" :disabled="loading">
    {{ loading ? "Disconnecting..." : "Disconnect" }}
  </button>
  <div v-if="error">{{ error.message }}</div>
</template>

```

### Return type[​](#return-type "Direct link to Return type")

```
import type { IUseWeb3AuthDisconnect } from '@web3auth/modal/vue'

```

#### `loading`[​](#loading "Direct link to loading")

`Ref<boolean>`

Whether the disconnection process is in progress.

#### `error`[​](#error "Direct link to error")

`Ref<Web3AuthError | null>`

Error that occurred during the disconnection process.

#### `disconnect`[​](#disconnect "Direct link to disconnect")

`(options?: { cleanup: boolean }) => Promise<void>`

Function to initiate the disconnection process. Optional `cleanup` parameter controls whether to remove all user data.