lorisleiva / solana-wallets-vue

Solana wallet integration for Vue 3
https://solana-wallets-vue-demo.netlify.app/
173 stars 65 forks source link

TypeError: Cannot set properties of undefined (setting '$wallet') #14

Closed retf closed 2 years ago

retf commented 2 years ago

Any idea about this. Using https://quasar.dev/ (Quasar1 / Vue 2)

client-entry.js?d267:126 [Quasar] boot error: TypeError: Cannot set properties of undefined (setting '$wallet') at Object.install (solana-wallets-vue.es.js?5400:1072:1) at Function.Vue.use (vue.runtime.esm.js?5593:5107:1) at Array.eval (sol.js?1611:17:1) at _callee$ (client-entry.js?d267:99:1) at tryCatch (runtime.js?ad1f:45:1) at Generator.invoke [as _invoke] (runtime.js?ad1f:274:1) at Generator.prototype. [as next] (runtime.js?ad1f:97:1) at asyncGeneratorStep (asyncToGenerator.js?a338:5:1) at _next (asyncToGenerator.js?a338:27:1)

retf commented 2 years ago
import Vue from 'vue'

import SolanaWallets from 'solana-wallets-vue';

// You can either import the default styles or create your own.
import 'solana-wallets-vue/styles.css';

import { WalletAdapterNetwork } from "@solana/wallet-adapter-base"
import { initWallet } from 'solana-wallets-vue';

import {
  PhantomWalletAdapter,
  SlopeWalletAdapter,
  SolflareWalletAdapter,
} from '@solana/wallet-adapter-wallets';

const walletOptions = {
  wallets: [
    new PhantomWalletAdapter(),
    new SlopeWalletAdapter(),
    new SolflareWalletAdapter({ network: WalletAdapterNetwork.Devnet }),
  ],
  autoConnect: true,
}

export default ({ Vue }) => {
   Vue.use(SolanaWallets, walletOptions)
};
lorisleiva commented 2 years ago

Hi there 👋

I'm afraid Vue 2 is not supported by this package. See https://github.com/lorisleiva/solana-wallets-vue/pull/4.