Files
wallet-connect-web-examples/dapps/vue-dapp-auth
Gancho RadkovandGancho Radkov d8ebe4509b chore: updated @walletconnect deps (#164)
* chore: updates auth dapp

* chore: updates react sign dapp

* chore: updates cosmos dapp

* chore: updates ethers dapp

* chore: updates web3js dapp

* chore: updates vue auth dapp

* chore: updates auth wallet

* chore: updates eip155 wallet

* updates react-wallet-v2

* chore: updates web3wallet example

* feat: adds optional namespaces to main example wallet

* chore: eip155 example lock

* chore: removes console log

---------

Co-authored-by: Gancho Radkov <ganchoradkov@gmail.com>
2023-05-23 14:42:34 +03:00
..

Vue Auth dApp

Stack

  • 💚 Vue 3
  • ⛰️ Nuxt 3
  • 🍍 Pinia
  • 🟦 TypeScript
  • 💨 TailwindCSS
  • 🔗 ethers.js

Overview

This example aims to demonstrate dapp-facing use cases enabled by WalletConnect Auth Client.

...And show that you can easily use WalletConnect with any framework.

Running locally

Install the app's dependencies:

yarn

Set up your local environment variables by copying the example into your own .env file:

cp .env.example .env

Your .env now contains the following environment variables:

Also, the default relay server WALLETCONNECT_RELAY_URL is set. You can change it to use your own instance.

Development Server

Start the development server on http://localhost:3000

yarn dev

Production

Build the application for production:

yarn build

Locally preview production build:

yarn preview

Checkout the deployment documentation for more information.