diff --git a/examples/vue3/.env b/examples/vue3/.env
new file mode 100644
index 00000000..545af0ca
--- /dev/null
+++ b/examples/vue3/.env
@@ -0,0 +1 @@
+VITE_PROJECT_ID=
\ No newline at end of file
diff --git a/examples/vue3/src/main.ts b/examples/vue3/src/main.ts
index 7826daa3..ef463a49 100644
--- a/examples/vue3/src/main.ts
+++ b/examples/vue3/src/main.ts
@@ -13,12 +13,24 @@ import {
   osmosisAssetList,
 } from '@nabla-studio/chain-registry';
 import type { Config } from '@quirks/store';
-import { keplrExtension, leapExtension } from '@quirks/wallets';
+import { keplrExtension, keplrMobile, leapExtension } from '@quirks/wallets';
 
 const config: Config = {
-  wallets: [keplrExtension, leapExtension],
+  wallets: [keplrExtension, leapExtension, keplrMobile],
   chains: [osmosis, bitsong],
   assetsLists: [osmosisAssetList, bitsongAssetList],
+  walletConnectOptions: {
+    providerOpts: {
+      logger: 'info',
+      projectId: import.meta.env.VITE_PROJECT_ID,
+      metadata: {
+        name: 'Quirks App',
+        description: 'Quirks App for WalletConnect',
+        url: 'https://walletconnect.com/',
+        icons: ['https://avatars.githubusercontent.com/u/37784886'],
+      },
+    },
+  },
 };
 
 app.use(router).use(quirksPlugin, config).mount('#root');
diff --git a/examples/vue3/src/views/HomeView.vue b/examples/vue3/src/views/HomeView.vue
index 70bbca13..26e56f78 100644
--- a/examples/vue3/src/views/HomeView.vue
+++ b/examples/vue3/src/views/HomeView.vue
@@ -4,14 +4,16 @@ import {
   useConfig,
   useChains,
   useChain,
-  useWalletEvents,
+  useWalletConnect,
 } from '@quirks/vue';
 import { bitsong, bitsongAssetList } from '@nabla-studio/chain-registry';
+import VueQrcode from 'vue-qrcode';
 
 const { wallets } = useConfig();
 const { accounts } = useChains();
 const { address } = useChain('bitsong');
-const { connect, disconnect, connected, status } = useConnect();
+const { connect, disconnect, connected, status, walletName } = useConnect();
+const { pairingURI } = useWalletConnect();
 
 const open = async (chainName: string) => {
   const suggestChains = (await import('@quirks/store')).suggestChains;
@@ -50,29 +52,24 @@ const send = async () => {
 
   console.log(res);
 };
-
-useWalletEvents('keystorechange', () => {
-  console.log('Changed');
-});
 </script>
 
 <template>
   <div>
-    Hello world {{ status }} {{ connected }}
-    {{ wallets.length }}
+    Wallet {{ walletName }} status: {{ status }}
     <button @click="disconnect" v-if="connected">DISCONNECT</button>
     <div v-else>
-      <div v-for="wallet in wallets" :key="wallet.options.name">
-        <button
-          @click="
-            {
-              open(wallet.options.name);
-            }
-          "
-        >
+      <VueQrcode
+        v-if="pairingURI"
+        :value="pairingURI"
+        type="image/png"
+        :color="{ dark: '#000000ff', light: '#ffffffff' }"
+      />
+      <div v-for="wallet in wallets" :key="wallet.options.wallet_name">
+        <button @click="open(wallet.options.wallet_name)">
           <img
-            :src="wallet.options.logoUrls?.light?.svg"
-            :alt="wallet.options.prettyName"
+            :src="wallet.logoLight"
+            :alt="wallet.options.pretty_name"
             height="48px"
             width="48px"
             :style="{ width: '48px', height: '48px' }"
@@ -81,8 +78,8 @@ useWalletEvents('keystorechange', () => {
 
         <a
           :href="
-            wallet.options.downloads && wallet.options.downloads.length > 0
-              ? wallet.options.downloads[0].link
+            wallet.options.platforms && wallet.options.platforms.length > 0
+              ? wallet.options.platforms[0].install_link
               : '#'
           "
           target="_blank"
diff --git a/package.json b/package.json
index 16baab5e..a8cb2321 100644
--- a/package.json
+++ b/package.json
@@ -119,6 +119,7 @@
     "stream-browserify": "^3.0.0",
     "utf-8-validate": "^6.0.3",
     "vue": "^3.3.4",
+    "vue-qrcode": "^2.2.2",
     "vue-router": "^4.2.4",
     "zustand": "^4.5.0",
     "zustand-vue": "1.0.0-beta.20"
diff --git a/packages/nuxt/src/functions.ts b/packages/nuxt/src/functions.ts
index def0032d..c5d77c35 100644
--- a/packages/nuxt/src/functions.ts
+++ b/packages/nuxt/src/functions.ts
@@ -19,5 +19,6 @@ export const functionsVue = [
   'useChain',
   'useConfig',
   'useConnect',
+  'useWalletConnect',
   'useWalletEvents',
 ];
diff --git a/packages/react/src/hooks/connect.tsx b/packages/react/src/hooks/connect.tsx
index 0d223473..7631b760 100644
--- a/packages/react/src/hooks/connect.tsx
+++ b/packages/react/src/hooks/connect.tsx
@@ -8,6 +8,8 @@ export const useConnect = () => {
     connect: store.use.connect(),
     disconnect: store.use.disconnect(),
     status: store.use.status(),
+    setupStatus: store.use.setupStatus(),
+    reconnectionStatus: store.use.reconnectionStatus(),
     connected: store.use.status() === ConnectionStates.CONNECTED,
     waiting: store.use.status() === ConnectionStates.WAITING,
     disconnected: store.use.status() === ConnectionStates.DISCONNECTED,
diff --git a/packages/vue/src/hooks/connect.ts b/packages/vue/src/hooks/connect.ts
index 7881c58f..ceeee937 100644
--- a/packages/vue/src/hooks/connect.ts
+++ b/packages/vue/src/hooks/connect.ts
@@ -5,6 +5,8 @@ export const useConnect = () => {
   const connect = useQuirks()((state) => state.connect);
   const disconnect = useQuirks()((state) => state.disconnect);
   const status = useQuirks()((state) => state.status);
+  const setupStatus = useQuirks()((state) => state.setupStatus);
+  const reconnectionStatus = useQuirks()((state) => state.reconnectionStatus);
   const wallet = useQuirks()((state) => state.wallet);
   const walletName = useQuirks()((state) => state.walletName);
   const connected = useQuirks()(
@@ -30,5 +32,7 @@ export const useConnect = () => {
     rejected,
     wallet,
     walletName,
+    setupStatus,
+    reconnectionStatus,
   };
 };
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index e0f56530..9ad14a0e 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -116,6 +116,9 @@ dependencies:
   vue:
     specifier: ^3.3.4
     version: 3.3.8(typescript@5.2.2)
+  vue-qrcode:
+    specifier: ^2.2.2
+    version: 2.2.2(qrcode@1.5.3)(vue@3.3.8)
   vue-router:
     specifier: ^4.2.4
     version: 4.2.5(vue@3.3.8)
@@ -9915,6 +9918,10 @@ packages:
       randombytes: 2.1.0
     dev: false
 
+  /dijkstrajs@1.0.3:
+    resolution: {integrity: sha512-qiSlmBq9+BCdCA/L46dw8Uy93mloxsPSbwnm5yrKn2vMPiy8KyAskTF6zuV/j5BMsmOGZDPs7KjU+mjb670kfA==}
+    dev: false
+
   /dir-glob@3.0.1:
     resolution: {integrity: sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==}
     engines: {node: '>=8'}
@@ -10078,6 +10085,10 @@ packages:
     engines: {node: '>= 4'}
     dev: true
 
+  /encode-utf8@1.0.3:
+    resolution: {integrity: sha512-ucAnuBEhUK4boH2HjVYG5Q2mQyPorvv0u/ocS+zhdw0S8AlHYY+GOFhP1Gio5z4icpP2ivFSvhtFjQi8+T9ppw==}
+    dev: false
+
   /encodeurl@1.0.2:
     resolution: {integrity: sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==}
     engines: {node: '>= 0.8'}
@@ -15638,6 +15649,11 @@ packages:
     engines: {node: '>= 0.4.0'}
     dev: true
 
+  /pngjs@5.0.0:
+    resolution: {integrity: sha512-40QW5YalBNfQo5yRYmiw7Yz6TKKVr3h6970B2YE+3fQpsWcrbj1PzJgxeJ19DRQjhMbKPIuMY8rFaXc8moolVw==}
+    engines: {node: '>=10.13.0'}
+    dev: false
+
   /portfinder@1.0.32:
     resolution: {integrity: sha512-on2ZJVVDXRADWE6jnQaX0ioEylzgBpQk8r55NE4wjXW1ZxO+BgDlY6DXwj20i0V8eB4SenDQ00WEaxfiIQPcxg==}
     engines: {node: '>= 0.12.0'}
@@ -16134,6 +16150,17 @@ packages:
     resolution: {integrity: sha512-c4iYnWb+k2E+vYpRimHqSu575b1/wKl4XFeJGpFmrJQz5I88v9aY2czh7s0w36srfCM1sXgC/xpoJz5dJfq+OQ==}
     dev: false
 
+  /qrcode@1.5.3:
+    resolution: {integrity: sha512-puyri6ApkEHYiVl4CFzo1tDkAZ+ATcnbJrJ6RiBM1Fhctdn/ix9MTE3hRph33omisEbC/2fcfemsseiKgBPKZg==}
+    engines: {node: '>=10.13.0'}
+    hasBin: true
+    dependencies:
+      dijkstrajs: 1.0.3
+      encode-utf8: 1.0.3
+      pngjs: 5.0.0
+      yargs: 15.4.1
+    dev: false
+
   /qs@6.11.0:
     resolution: {integrity: sha512-MvjoMCJwEarSbUYk5O+nmoSzSutSsTwF85zcHPQ9OrlFoZOYIjaqBAJIqIXjptyD5vThxGq52Xu/MaJzRkIk4Q==}
     engines: {node: '>=0.6'}
@@ -18960,6 +18987,17 @@ packages:
       - supports-color
     dev: true
 
+  /vue-qrcode@2.2.2(qrcode@1.5.3)(vue@3.3.8):
+    resolution: {integrity: sha512-SbrXq/mSb1g2tbDyXPe9gy9KiMYsvxWKRErlpij1BqiFoHwQckheZV63CTw6yRLLUVG2RXAVlX+APkpdCK7SQQ==}
+    peerDependencies:
+      qrcode: ^1.0.0
+      vue: ^2.7.0 || ^3.0.0
+    dependencies:
+      qrcode: 1.5.3
+      tslib: 2.6.2
+      vue: 3.3.8(typescript@5.2.2)
+    dev: false
+
   /vue-router@4.2.5(vue@3.3.8):
     resolution: {integrity: sha512-DIUpKcyg4+PTQKfFPX88UWhlagBEBEfJ5A8XDXRJLUnZOvcpMF8o/dnL90vpVkGaPbjvXazV/rC1qBKrZlFugw==}
     peerDependencies: