# useWalletConnectScanner

> @web3auth/modal Vue Composable useWalletConnectScanner | Embedded Wallets

Composable to show the WalletConnect QR scanner using the Wallet Services plugin in Vue.

:::info

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

:::

### Import

```ts

```

### Usage

```html
<script setup>

  const { showWalletConnectScanner, loading, error } = useWalletConnectScanner()
</script>

<template>
  <button @click="showWalletConnectScanner()" :disabled="loading">
    {{ loading ? "Opening Scanner..." : "Show WalletConnect Scanner" }}
  </button>
  {{ error.message }}
</template>
```

### Return type

```ts

```

#### `loading`

`boolean`

Whether the scanner opening process is in progress.

#### `error`

`Web3AuthError | null`

Error that occurred during the scanner opening process.

#### showWalletConnectScanner

`(showWalletConnectScannerParams?: BaseEmbedControllerState["showWalletConnect"]) => Promise<void>`

Function to show the WalletConnect QR scanner. Accepts optional parameters for customizing the scanner behavior.