|
|
||
|---|---|---|
| .. | ||
| assets/scss | ||
| components | ||
| composables | ||
| pages | ||
| plugins | ||
| public | ||
| stores | ||
| tailwind | ||
| .env.example | ||
| .eslintrc | ||
| .gitignore | ||
| app.config.ts | ||
| app.vue | ||
| nuxt.config.ts | ||
| package.json | ||
| README.md | ||
| tailwind.config.js | ||
| tsconfig.json | ||
| yarn.lock | ||
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:
WALLETCONNECT_PROJECT_ID(placeholder) - You can generate your own ProjectId at https://cloud.walletconnect.com
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.