update profile profile page

src/components/ConnectWallet.vue

@@ -1,15 +1,19 @@
 <template>
-    <h3>Connect Wallet</h3>
-    <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`">
-            </div>
-            <div class="connector-name">{{ connector.name }}</div>
-        </div>
-    </div>
-    <div class="btn btn-immortal" v-else @click="disconnectWallet">disconnect</div>
-    <div>Connected: {{ walletStore.connected }}</div>
+	<h3>Connect Wallet</h3>
+	<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`" />
+			</div>
+			<div class="connector-name">{{ connector.name }}</div>
+		</div>
+	</div>
+	<div class="btn btn-immortal" v-else @click="disconnectWallet">disconnect</div>
+	<div>Connected: {{ walletStore.connected }}</div>
 </template>
 
 <script setup>
@@ -39,6 +43,10 @@ const accountSub = ref(null);
 
 const instance = getCurrentInstance();
 
+onMounted(() => {
+	console.log("walletStore.config?.connectors", walletStore.config?.connectors);
+});
+
 // config.value = createConfig({
 // 	autoConnect: true,
 // 	connectors: [
@@ -88,7 +96,6 @@ async function connectWallet(connector) {
 }
 </script>
 
-
 <style lang="sass">
 .connectors-wrapper
     display: flex
@@ -109,4 +116,4 @@ async function connectWallet(connector) {
         .connector-name
             padding: 0 8px
             align-self: center
-</style>
+</style>