From c71fb87d9a71c579e46e2e78c2d21efab4222768 Mon Sep 17 00:00:00 2001
From: Anar Dzhafarov <55952666+atvor@users.noreply.github.com>
Date: Wed, 12 Mar 2025 10:06:55 +0200
Subject: [PATCH] Update ActionButton.vue

Loop for network buttons
---
 .../appkit/vue-ethers/src/components/ActionButton.vue | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/dapps/appkit/vue-ethers/src/components/ActionButton.vue b/dapps/appkit/vue-ethers/src/components/ActionButton.vue
index de3f4e5bb..7b2a6a684 100644
--- a/dapps/appkit/vue-ethers/src/components/ActionButton.vue
+++ b/dapps/appkit/vue-ethers/src/components/ActionButton.vue
@@ -2,14 +2,17 @@
     <div>
       <button @click="openAppKit">Open</button>
       <button @click="disconnect">Disconnect</button>
-      <button @click="switchToNetwork">Switch</button>
+      <button v-for="network in networks" @click="switchToNetwork(network)">
+        {{ network.name }}
+      </button>
     </div>
   </template>
   
   <script>
   import { useDisconnect, useAppKit, useAppKitNetwork } from "@reown/appkit/vue";
   import { networks } from "../config/index";
-  
+  import type {AppKitNetwork} from "@reown/appkit/networks";
+      
   export default {
     name: "ActionButtonList",
     setup() {
@@ -18,7 +21,7 @@
       const networkData = useAppKitNetwork();
   
       const openAppKit = () => open();
-      const switchToNetwork = () => networkData.value.switchNetwork(networks[1]);
+      const switchToNetwork = (network: AppKitNetwork) => networkData.value.switchNetwork(network);
 
       return {
         disconnect,
@@ -28,4 +31,4 @@
     },
   };
   </script>
-  
\ No newline at end of file
+