Coder Social home page Coder Social logo

smallruraldog / web3modal-vue Goto Github PK

View Code? Open in Web Editor NEW
109.0 6.0 68.0 22.76 MB

A single Web3 / Ethereum provider solution for all Wallets

Home Page: https://smallruraldog.github.io/web3modal-vue/

License: MIT License

Vue 50.25% JavaScript 46.36% HTML 0.69% Shell 0.30% SCSS 2.39%
web3 web3vue crypto ethereum web3modal web3modalvue vueweb3 metamask walletconnect portis

web3modal-vue's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

web3modal-vue's Issues

web3modal-vue3 does not provide an export named 'default'

I installed web3modal-vue3 and I imported it for a test in an empty component but i for the error

Uncaught SyntaxError: The requested module '/node_modules/.vite/web3modal-vue3.js?v=23937ab0' does not provide an export named 'default'

Can you help me to fix it?

Does this support WalletLink (Coinbase Wallet)

Hi,

Does Web3Modal-Vue support Coinbase wallet? Web3Modal React does.
If it is not supported, then in order to make it work, do I need to create a walletlink.js file under connectors?

setWeb3Modal in nuxt/vuex returns call stack exceeded error

I am using Nuxt and managed to integrate the vue modal. Everything seems to work except when I call the setWeb3Modal mutation in vuex, it returns the "call stack exceeded" error at _traverse. I have attempted to use the Object.freeze method but that makes it unusable as its an object you need to write to. I have attempted to use the _cloneDeep function in lodash but that also doesn't work because the object is too specific and cannot be cloned. I just wanted to bring this up to see if anyone else has a solution to this. If I find one I will update but wanted the opinion of others.

Nuxt 2.15.8
Vue 2.6.14
web3modal-vue 1.0.5

i am using nuxt and i'm getting this window is not defined

`


>  ERROR  [Vue warn]: Error in created hook: "ReferenceError: window is not defined"

found in

---> <Web3ModalVue> at node_modules/web3modal-vue/src/Web3ModalVue.vue
       <VsNavbar>
         <NavBar> at components/NavBar.vue
           <HomePage> at pages/index.vue
             <Nuxt>
               <DefaultLayout> at layouts/default.vue
                 <Root>

`

How to customize the network constants for test?

How to override the CHAIN_DATA_LIST?
Seems it is unable to use this lib for new networks since the connector will check the ChainId in CHAIN_DATA_LIST?

Or any example to customize the provider with custom-xxxx?

export function getChainId(network) {
    const chains = Object.values(CHAIN_DATA_LIST);
    const match = filterMatches(
        chains,
        x => x.network === network,
        undefined
    );
    if (!match) {
        throw new Error(`No chainId found match ${network}`);
    }
    return match.chainId;
}

Torus Wallet Webpack Error

Is there a webpack loader that is required for this or can I disable the Torus wallet somehow?

 error  in ./node_modules/web3modal-vue/src/providers/connectors/torus.js

Module parse failed: Unexpected token (19:44)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
|
|             const torus = new Torus({
>                 buttonPosition: opts.config?.buttonPosition || buttonPosition,
|                 apiKey: opts.config?.apiKey || apiKey,
|                 modalZIndex: opts.config?.modalZIndex || modalZIndex

 @ ./node_modules/web3modal-vue/src/providers/connectors/index.js 5:0-28 14:0-27:2
 @ ./node_modules/web3modal-vue/src/providers/index.js
 @ ./node_modules/web3modal-vue/src/helpers/utils.js
 @ ./node_modules/web3modal-vue/src/helpers/index.js
 @ ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/web3modal-vue/src/Web3ModalVue.vue?vue&type=script&lang=js&
 @ ./node_modules/web3modal-vue/src/Web3ModalVue.vue?vue&type=script&lang=js&
 @ ./node_modules/web3modal-vue/src/Web3ModalVue.vue
 @ ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/WhitelistForm.vue?vue&type=script&lang=js&
 @ ./src/views/WhitelistForm.vue?vue&type=script&lang=js&
 @ ./src/views/WhitelistForm.vue
 @ ./src/router.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://192.168.103.108:8080/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

contract file

When I run the example, it reports errors of oracle contract , So where is the contract file. I need deploy it in ganache. Thanks

I am using

Please let me know and I will put it on the README display if you are using it

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.