Update README.md

README.md

@@ -1 +1,57 @@
-# @kabbouchi/vue-web3
+# @kabbouchi/vue-web3 - experimental
+
+Vue 2/3 wrapper for web3 built on top of [react-web3](https://github.com/NoahZinsmeister/web3-react).
+
+## 🚀 Quick Start
+
+Install:
+
+```bash
+# npm
+npm i @kabbouchi/vue-web3
+
+# yarn
+yarn add @kabbouchi/vue-web3
+```
+
+Usage:
+
+```js
+import { useWeb3, setWeb3LibraryCallback } from '@kabbouchi/vue-web3'
+import { InjectedConnector } from '@web3-react/injected-connector'
+import { WalletConnectConnector } from '@web3-react/walletconnect-connector'
+
+import Web3 from 'web3'
+
+const injected = new InjectedConnector({
+  supportedChainIds: [1, 137],
+})
+
+const walletconnect = new WalletConnectConnector({
+  rpc: { 1: 'https://mainnet.infura.io/v3/YOUR_API_KEY' },
+  qrcode: true,
+})
+
+setWeb3LibraryCallback((provider) => new Web3(provider))
+
+defineComponent({
+  setup() {
+    const { active, activate, account, library } = useWeb3()
+
+    const connectUsingMetamask = async () => {
+      await activate(injected)
+    }
+
+    const connectUsingWalletConnect = async () => {
+      await activate(walletconnect)
+    }
+
+    return {
+      active,
+      connect,
+      connectUsingMetamask,
+      connectUsingWalletConnect,
+    }
+  },
+})
+```