images + update wagmi

src/components/ConnectWallet.vue

@@ -1,6 +1,6 @@
 <template>
     <h3>Connect Wallet</h3>
-    <div class="connectors-wrapper">
+    <div class="connectors-wrapper" v-if="!walletStore.connected">
         <div class="connectors-element" v-for="connector in walletStore.config?.connectors" @click="connectWallet(connector)">
             <div class="connector-icon">
                 <img :src="`/assets/img/connectors/${connector.id}.svg`" :alt="`${connector.name} Logo`">
@@ -8,7 +8,7 @@
             <div class="connector-name">{{ connector.name }}</div>
         </div>
     </div>
-    <div @click="disconnectWallet">disconnect</div>
+    <div class="btn btn-immortal" v-else @click="disconnectWallet">disconnect</div>
     <div>Connected: {{ walletStore.connected }}</div>
 </template>
 
@@ -73,7 +73,10 @@ const instance = getCurrentInstance();
 async function disconnectWallet() {
 	console.log("disconnectWallet");
 	try {
+		instance.parent.emit("update:modelValue", false);
 		await disconnect();
+		// walletStore.connected = false;
+		// walletStore.address = null;
 	} catch (error) {
 		console.log("error", error);
 	}