vue-web3-check
vue-web3-check - npm
Robonomicsの関係者が作成、使用していたVue.jsでweb3.jsを使う際の処理ライブラリ
Vue.jsでweb3.jsを使う際
web3.jsをチェック
Account Ethereum
Network ID
? storeがあるあたり、vuexを使ってる？
code:main.js
Web3Check.store.on("update", data => {
if (
(data.state.old.account !== null &&
data.action === Web3Check.ACTIONS.UPD_ACCOUNT) ||
(data.state.old.networkId !== null &&
data.action === Web3Check.ACTIONS.UPD_NETWORK_ID)
) {
window.location.reload(false);
}
});
Vue.use(Web3Check, {
Web3,
networks: config.CHAIN_ID,
requireAccount: true
});
code:App.vue.html
<template>
<div id="app">
// 包む
<web3-check>
<div>
<Page v-if="ready" />
<div v-else>Initialization Robonomics</div>
</div>
</web3-check>
</div>
</template>
code:App.vue.js
mounted() {
Web3Check.store.on("load", state => {
getIpfs().then(ipfs => {
Vue.prototype.$robonomics = initRobonomics(
state.web3,
state.account,
ipfs
);
this.$robonomics.ready().then(() => {
this.ready = true;
});
});
});
}