Installation

npm install pinia @vue-dapp/core @vue-dapp/modal

import { createPinia } from 'pinia'
app.use(createPinia())

Nuxt

npm install pinia @pinia/nuxt @vue-dapp/core @vue-dapp/nuxt @vue-dapp/modal

modules: ['@pinia/nuxt', '@vue-dapp/nuxt']

Add Connectors

npm install @vue-dapp/walletconnect

npm install @vue-dapp/coinbase

import { BrowserWalletConnector, useVueDapp } from '@vue-dapp/core'
import { WalletConnectConnector } from '@vue-dapp/walletconnect'
import { CoinbaseWalletConnector } from '@vue-dapp/coinbase'

const { addConnectors } = useVueDapp()

addConnectors([
    new BrowserWalletConnector(),
    new WalletConnectConnector({
        projectId: 'd1e65611568666138126d315c0bafd7d',
        chains: [1],
        showQrModal: true,
        qrModalOptions: {
            themeMode: 'light',
            themeVariables: undefined,
            desktopWallets: undefined,
            walletImages: undefined,
            mobileWallets: undefined,
            enableExplorer: true,
            privacyPolicyUrl: undefined,
            termsOfServiceUrl: undefined,
        },
    }),
    new CoinbaseWalletConnector({
        appName: 'Vue Dapp',
        jsonRpcUrl: 'https://ethereum-rpc.publicnode.com'
    }),
])