diff --git a/src/App.vue b/src/App.vue
index abc16ca..157c545 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -4,7 +4,9 @@
   import ERC from "./components/main/ERC/ERC.vue";
   import { onMounted, ref, onUnmounted } from "vue";
   import passwordPage from "./components/passwordPage.vue";
-  import { useStore } from 'vuex'
+  import chainSwitcher from "./components/chainSwitcher.vue";
+  import { SwitchChain } from "./multichain";
+  import { useStore } from "vuex";
 
   const open = ref(false)
   const store = useStore()
@@ -14,6 +16,8 @@
     if (isOpen === 'true') {
       open.value = true
     }
+    // const store = useStore()
+    // SwitchChain(store)
 
     setInterval(checkOpen, 5000);
 
@@ -45,6 +49,8 @@
 <template>
   <div v-if="open" id="container">
     <header>
+      <div class="logo"><h1>✨Pretty-Metamask✨</h1></div>
+      <chainSwitcher />
     </header>
     <main>
       <VerticalNavbar />
@@ -74,6 +80,13 @@
     color: white;
     width: 100vw;
     border-bottom: 1px solid rgb(3, 3, 3);
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 5vw;
+  }
+  .logo {
+    font-size: 2.4rem;
   }
   main {
     display: flex;
diff --git a/src/alchemy.ts b/src/alchemy.ts
index f5c59b1..e6a1fbf 100644
--- a/src/alchemy.ts
+++ b/src/alchemy.ts
@@ -1,7 +1,7 @@
 import type { AlchemyConfig } from "alchemy-sdk";
 import { Network, Alchemy, Utils } from "alchemy-sdk";
 import { BigNumber } from 'bignumber.js';
-import { client } from './client'
+import { getBalance } from './getBalance'
 
 interface Config {
   apiKey: string;
@@ -69,7 +69,7 @@ const options = {
 
 export const processAll = async (address_: `0x${string}`, network_: Network) => {
 
-  const balanceTokens: BalanceToken[] = await getBalances(address_, network_);
+  const balanceTokens: BalanceToken[] = await getBalances2(address_, network_);
 
   await updateCoinGeckoTokensValue();
   const map = new Map<string, string>();
@@ -92,9 +92,7 @@ export const processAll = async (address_: `0x${string}`, network_: Network) =>
 }
 
 async function setEth(address_: `0x${string}`, map: Map<string, string>, balanceTokens: BalanceToken[]) {
-  const weiValue = await client.getBalance({ 
-    address: address_,
-  })
+  const weiValue = await getBalance(address_ as string)
 
   map.set('eth', 'ethereum');
 
@@ -110,7 +108,7 @@ async function setEth(address_: `0x${string}`, map: Map<string, string>, balance
   });
 }
 
-async function getBalances(address_: `0x${string}`, network: Network): Promise<BalanceToken[]> {
+async function getBalances2(address_: `0x${string}`, network: Network): Promise<BalanceToken[]> {
   try {
     config.network = network;
     const alchemy = new Alchemy(config as AlchemyConfig);
diff --git a/src/client.ts b/src/client.ts
deleted file mode 100644
index be221fe..0000000
--- a/src/client.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import { createPublicClient, http } from 'viem'
-import { mainnet } from 'viem/chains'
-
-export const client = createPublicClient({
-  chain: mainnet,
-  transport: http()
-});
\ No newline at end of file
diff --git a/src/components/chainSwitcher.vue b/src/components/chainSwitcher.vue
new file mode 100644
index 0000000..837180e
--- /dev/null
+++ b/src/components/chainSwitcher.vue
@@ -0,0 +1,45 @@
+<template>
+    <div id="chain-switcher">
+        <div class="dropdown">
+            <div tabindex="0" role="button" class="btn m-1">chain : {{ chain.name }}</div>
+            <ul tabindex="0" class="dropdown-content menu rounded-box z-[1] w-52 p-2 shadow">
+                <li class="chain" v-for="(c, i) in chainLs" @click="switchChain(i)"><a>{{ c.name }}</a></li>
+            </ul>
+        </div>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { SwitchChain } from '../multichain'
+import { chain, chainLs } from '../multichain'
+import { useStore } from 'vuex'
+
+const store = useStore()
+
+const switchChain = (index: number) => {
+    SwitchChain(store, index)
+    console.log(chain.value.name)
+}
+
+</script>
+
+<style scoped>
+.btn {
+    background-color: #1E6BDE;
+    border: #1E6BDE;
+    color: white;
+    font-size: 1.2rem;
+}
+
+.btn:hover {
+    background-color: #144a9c;
+}
+.chain {
+    cursor: pointer;
+    color: white;
+    font-size: 1rem;
+}
+.dropdown-content {
+    background-color: #1E6BDE;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/main/ERC/NFT/NFT.vue b/src/components/main/ERC/NFT/NFT.vue
index 1b092e6..0f0b09b 100644
--- a/src/components/main/ERC/NFT/NFT.vue
+++ b/src/components/main/ERC/NFT/NFT.vue
@@ -8,6 +8,7 @@ import { getNFTsForOwner } from '@/getNFTsForOwner';
 
 const store = useStore();
 const account = computed(() => store.getters.selectedAccount);
+const chain = computed(() => store.getters.chain);
 
 const dialogVisible = ref(false);
 const NFTsList = ref([]);
@@ -15,7 +16,7 @@ let importedNFTs = window.localStorage.getItem('ImportedNFTs');
 
 onMounted(async () => {
   if (account.value) {
-    NFTsList.value = await getNFTsForOwner(account.value, "eth-mainnet");
+    NFTsList.value = await getNFTsForOwner(account.value, chain.value.alchemyURLNFT);
   }
 
   if (importedNFTs) {
diff --git a/src/components/main/ERC/token/ButtonBalance.vue b/src/components/main/ERC/token/ButtonBalance.vue
index 7be7b40..7b9e8b1 100644
--- a/src/components/main/ERC/token/ButtonBalance.vue
+++ b/src/components/main/ERC/token/ButtonBalance.vue
@@ -39,9 +39,10 @@ import { Network } from 'alchemy-sdk';
 export default defineComponent({
   name: 'TokenBalances',
   setup() {
-    const modes: Network[] = [Network.ETH_SEPOLIA, Network.ETH_MAINNET];
-    const currentMode = ref(modes[0]);
     const store = useStore();
+    const myChain = computed(() => store.getters.chain);
+    const modes = [Network.ETH_SEPOLIA, Network.ETH_MAINNET];
+    const currentMode = ref(modes[0]);
 
     const userAddress = ref('');
     const balances = ref<Array<{ name: string; logo: string; balance: string; symbol: string; decimals: number; balanceValue: string | null }>>([]);
@@ -85,6 +86,12 @@ export default defineComponent({
       handleButtonClick();
     });
 
+    watchEffect(() => {
+      if (myChain.value) {
+        handleButtonClick();
+      }
+    });
+
     return {
       modes,
       currentMode,
diff --git a/src/components/main/user-info/UserInfos.vue b/src/components/main/user-info/UserInfos.vue
index f53832c..5f33e67 100644
--- a/src/components/main/user-info/UserInfos.vue
+++ b/src/components/main/user-info/UserInfos.vue
@@ -8,6 +8,7 @@ const store = useStore();
 const account = computed(() => store.getters.selectedAccount);
 const balance = ref<number | null>(null);
 const ETH = ref<number | null>(null);
+const myChain = computed(() => store.getters.chain);
 
 ETH.value = await exchangeRates('ETH').then((res: any) => res.data.rates.USD);
 watchEffect(async () => {
@@ -15,12 +16,18 @@ watchEffect(async () => {
     balance.value = await getBalance(account.value).then((res: number) => Number(res) / Number(BigInt(1000000000000000000)));
   }
 });
+
+watchEffect(async () => {
+  if (myChain.value) {
+    balance.value = await getBalance(account.value).then((res: number) => Number(res) / Number(BigInt(1000000000000000000)));
+  }
+});
 </script>
 
 <template>
   <div id="container">
     <div id="token">
-      <img src="../../../assets/eth_logo.png" alt="ETH" id="eth-logo"/>
+      <img src="/img/eth_logo.png" alt="ETH" id="eth-logo"/>
       <div id="balance">
         <h1 v-if="balance !== null">{{ balance.toFixed(4) }} ETH</h1>
         <p v-if="balance !== null && ETH !== null">${{ (balance.toFixed(4) * ETH).toFixed(2) }} USD</p>
diff --git a/src/components/passwordPage.vue b/src/components/passwordPage.vue
index f60535d..8db6c17 100644
--- a/src/components/passwordPage.vue
+++ b/src/components/passwordPage.vue
@@ -17,12 +17,13 @@
 <script setup lang="ts">
 import { ref, defineEmits, onMounted } from 'vue'
 import CryptoJS from 'crypto-js'
-import { useStore} from 'vuex'
+import { useStore } from 'vuex'
 
 const store = useStore()
 const password = ref('')
 const havePassword = ref(false)
 const emit = defineEmits(['isOpen'])
+
 const createPassword = () => {
     const hashedPassword = CryptoJS.SHA256(password.value).toString()
     localStorage.setItem('password', hashedPassword)
diff --git a/src/components/transaction/transaction.vue b/src/components/transaction/transaction.vue
index a0c0628..4672c90 100644
--- a/src/components/transaction/transaction.vue
+++ b/src/components/transaction/transaction.vue
@@ -33,11 +33,14 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted, computed } from 'vue';
+import { ref, onMounted } from 'vue';
 import { useStore } from 'vuex';
-import { formatEther, getContract } from 'viem';
+import { formatEther, getContract, type PublicClient } from 'viem';
 import ERC20 from '@openzeppelin/contracts/build/contracts/ERC20.json';
 import transactionInfos from './transactionInfos.vue';
+import { x } from '../../main';
+import { fromHex } from 'viem'
+import { defineProps, computed } from 'vue';
 
 const props = defineProps({
   hash: String,
@@ -45,6 +48,8 @@ const props = defineProps({
   from: Boolean
 });
 
+var pubClient: PublicClient;
+
 const store = useStore();
 const account = computed(() => store.getters.selectedAccount);
 const popUp = ref(false);
@@ -103,6 +108,8 @@ const getDateFormated = (timestamp: number) => {
 };
 
 const getInfos = () => {
+  const store = useStore();
+  pubClient = store.getters.pubClient;
   if (account.value) {
     getTransactionInfos(props.hash as `0x${string}`);
   }
@@ -133,37 +140,51 @@ const getErc20Infos = async (transactionInfos: any, transactionReceipt: any, tra
 };
 
 const getTransactionInfos = async (transactionHash: `0x${string}`) => {
-  const transactionInfos = await pubClient.getTransaction({
-    hash: transactionHash
-  });
-  const data = {
-    "id": 1,
-    "jsonrpc": "2.0",
-    "method": "eth_getBlockByHash",
-    "params": [
-      transactionInfos.blockHash,
-      false
-    ]
-  };
-  const transactionReceipt = await pubClient.getTransactionReceipt({
-    hash: transactionHash
-  });
+  var transactionInfos: any;
+  var transactionReceipt: any;
   try {
-    transInfos.value.timestamp = (await x.post('/', data)).data.result.timestamp;
-  } catch (error) {
+    var transactionInfos = (await x.post('/', {
+      "id": 1,
+      "jsonrpc": "2.0",
+      "method": "eth_getTransactionByHash",
+      "params": [
+        transactionHash
+      ]
+    })).data.result;
+    var transactionReceipt = (await x.post('/', {
+      "id": 1,
+      "jsonrpc": "2.0",
+      "method": "eth_getTransactionReceipt",
+      "params": [
+        transactionHash
+      ]
+    })).data.result;
+    transInfos.value.timestamp = (await x.post('/', {
+      "id": 1,
+      "jsonrpc": "2.0",
+      "method": "eth_getBlockByHash",
+      "params": [
+        transactionInfos.blockHash,
+        false
+      ]
+    })).data.result.timestamp;
+  }  catch (error) {
     console.log(error);
+    console.log("transactionInfos: ", transactionInfos);
+    console.log("transactionReceipt: ", transactionReceipt);
+    console.log("transInfos: ", transInfos);
   }
   transInfos.value.hash = transactionInfos.hash;
-  transInfos.value.to = String(transactionInfos.to);
+  transInfos.value.to = transactionInfos.to;
   transInfos.value.from = transactionInfos.from;
   transInfos.value.blockHash = transactionInfos.blockHash;
-  transInfos.value.blockNumber = Number(transactionInfos.blockNumber);
-  transInfos.value.value = formatEther(transactionInfos.value);
-  transInfos.value.status = transactionReceipt.status;
+  transInfos.value.blockNumber = fromHex(transactionInfos.blockNumber, "number");
+  transInfos.value.value = formatEther(fromHex(transactionInfos.value, "bigint"));
+  transInfos.value.status = parseInt(transactionReceipt.status, 16).toString() == "1" ? "success" : "failed";
   transInfos.value.date = getDateFormated(transInfos.value.timestamp);
   transInfos.value.logs.receipt = transactionReceipt;
   transInfos.value.logs.transaction = transactionInfos;
-  if (transInfos.value.devise == undefined)
+  if (!transInfos.value.devise)
     await getErc20Infos(transactionInfos, transactionReceipt, transInfos);
   return transactionInfos;
 };
diff --git a/src/components/transaction/transactionInfos.vue b/src/components/transaction/transactionInfos.vue
index 5d65ea0..e820e90 100644
--- a/src/components/transaction/transactionInfos.vue
+++ b/src/components/transaction/transactionInfos.vue
@@ -23,8 +23,8 @@
 
 <script setup lang="ts">
 import { ref } from 'vue';
-import { pubClient } from '../../main';
 import btn from './btn.vue';
+import { useStore } from 'vuex'
 
 const props = defineProps({
     open: Boolean,
@@ -38,6 +38,7 @@ if (props.data?.logs.receipt.logs.length > 0) {
 }
 
 const isContract = async (address: `0x${string}`) => {
+    const pubClient = useStore().getter.pubClient
     const contract = await pubClient.getBytecode({ address: address })
     return contract != undefined
 }
diff --git a/src/components/transaction/transactions_container.vue b/src/components/transaction/transactions_container.vue
index 85a2be9..db92422 100644
--- a/src/components/transaction/transactions_container.vue
+++ b/src/components/transaction/transactions_container.vue
@@ -7,7 +7,7 @@
     </div>
     <div class="link">
       <div class="clickable">
-        <h3 @click="walletLink()">View full history on etherscan</h3>
+        <h3 @click="walletLink()">View full history on block explorer</h3>
         <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"/></svg>
       </div>
     </div>
@@ -16,9 +16,10 @@
 
 <script setup lang="ts">
 import transaction from './transaction.vue'
-import { ref, computed, onMounted, watchEffect } from 'vue'
+import { ref, computed, watchEffect } from 'vue'
 import { useStore } from 'vuex'
 import { fromHex } from 'viem'
+import { x } from '../../main'
 
 interface Transaction {
   hash: string,
@@ -29,18 +30,13 @@ interface Transaction {
 
 const store = useStore();
 const account = computed(() => store.getters.selectedAccount);
-const transactionshash = ref<Transaction[]>([])
+const transactionshash = ref<Transaction[]>([]);
 const msg = ref("No account");
-
-watchEffect(async () => {
-  if (account.value) {
-    await btn();
-  }
-});
+const myChain = computed(() => store.getters.chain);
 
 const walletLink = () => {
   if (account.value) {
-    window.open(`https://sepolia.etherscan.io/address/${account.value}`);
+    window.open(`${myChain.value.chain.chain.blockExplorers.default.url}/address/${account.value}`);
   }
 }
 
@@ -70,7 +66,6 @@ const getLastTransactions = (transactions: Transaction[]): Transaction[] => {
 
 const btn = async () => {
   if (!account.value) return;
-  console.log("account: ", account.value);
   msg.value = "Loading transactions...";
 
   let transactions = await getTransactionsFrom();
@@ -119,7 +114,7 @@ const getTransactionsFrom = async () => {
   });
 
   try {
-    const transactions = (await store.getters.axiosInstance.post('/', data)).data.result.transfers;
+    const transactions = (await x.post('/', data)).data.result.transfers;
     return transactions;
   } catch (error) {
     return [];
@@ -145,16 +140,27 @@ const getTransactionsTo = async () => {
   });
 
   try {
-    const transactions = (await store.getters.axiosInstance.post('/', data)).data.result.transfers;
+    const transactions = (await x.post('/', data)).data.result.transfers;
     return transactions;
   } catch (error) {
+    console.log(error);
     return [];
   }
 }
 
-onMounted(async () => {
-  await btn();
+watchEffect(async () => {
+  if (myChain.value) {
+    transactionshash.value = [];
+    await btn();
+  }
+});
+
+watchEffect(async () => {
+  if (account.value) {
+    await btn();
+  }
 });
+
 </script>
 
 <style scoped>
diff --git a/src/fetchTokenMetadata.ts b/src/fetchTokenMetadata.ts
index 083d282..31bfe22 100644
--- a/src/fetchTokenMetadata.ts
+++ b/src/fetchTokenMetadata.ts
@@ -1,26 +1,26 @@
-export const fetchTokenMetadata = async (tokenAddress: string) => {
-
-  const fetchURL = `https://eth-mainnet.g.alchemy.com/v2/${import.meta.env.VITE_ALCHEMY_API_KEY}`;
+import { x } from './main';
 
-  const raw = JSON.stringify({
+export const fetchTokenMetadata = async (tokenAddress: string) => {
+  const raw = {
     "jsonrpc": "2.0",
     "method": "alchemy_getTokenMetadata",
-    "headers": {
-      "Content-Type": "application/json"
-    },
     "params": [
       `${tokenAddress}`
     ],
     "id": 42
-  });
-  const requestOptions : any = {
-    method: 'POST',
-    body: raw,
-    redirect: 'follow'
   };
-  fetch(fetchURL, requestOptions)
-    .then(response => response.json())
-    .then(response => JSON.stringify(response["result"], null, 2))
-    .then(result => console.log(result))
-    .catch(error => console.log('error', error));
-}
\ No newline at end of file
+
+  try {
+    const response = await x.post("/", raw, {
+      headers: {
+        'Content-Type': 'application/json'
+      }
+    });
+    const result = JSON.stringify(response.data.result, null, 2);
+    console.log(result);
+    return result;
+  } catch (error) {
+    console.log('error', error);
+    throw error;
+  }
+};
\ No newline at end of file
diff --git a/src/getBalance.ts b/src/getBalance.ts
index 2d0952b..0208bc9 100644
--- a/src/getBalance.ts
+++ b/src/getBalance.ts
@@ -1,5 +1,24 @@
-import { client } from './client';
+import { x } from "./main";
 
-export const getBalance = async (address: any): Promise<bigint> => {
-  return await client.getBalance({ address: address });
+export const getBalance = async (address: string): Promise<bigint> => {
+  if (address === '' || address == undefined) {
+    return BigInt(0);
+  }
+  try {
+    const response = await x.post('/', {
+      jsonrpc: '2.0',
+      method: 'eth_getBalance',
+      params: [address, 'latest'],
+      id: 1
+    });
+
+    if (response.data.result) {
+      return BigInt(response.data.result);
+    } else {
+      throw new Error('Failed to get balance');
+    }
+  } catch (error) {
+    console.error('Error fetching balance:', error);
+    throw error;
+  }
 }
\ No newline at end of file
diff --git a/src/getNFTsForOwner.ts b/src/getNFTsForOwner.ts
index 2c38639..a57180b 100644
--- a/src/getNFTsForOwner.ts
+++ b/src/getNFTsForOwner.ts
@@ -1,12 +1,11 @@
 const PAGE_SIZE: number = 100
 
-export const getNFTsForOwner = async (address: string, network: string)  => {
+export const getNFTsForOwner = async (address: string, baseURL: string)  => {
   const requestOptions : RequestInit = {
     method: 'GET',
     redirect: 'follow'
   }
   const apiKey : string = import.meta.env.VITE_ALCHEMY_API_KEY as string;
-  const baseURL : string = `https://${network}.g.alchemy.com/nft/v3/${apiKey}/getNFTsForOwner/`
 
   try {
     const response : Response = await fetch(`${baseURL}?owner=${address}&pageSize=${PAGE_SIZE}`, requestOptions)
diff --git a/src/main.ts b/src/main.ts
index 82541ea..86d5c04 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -7,27 +7,17 @@ loading.mount('#loading')
 
 import { createApp, nextTick } from 'vue'
 import App from './App.vue'
-import { createPublicClient, createWalletClient, http, custom } from 'viem'
-import { sepolia } from 'viem/chains'
 import axios from 'axios'
 import store from './store'
-
-const pub_client = createPublicClient({
-    chain: sepolia,
-    transport: http(),
-})
-
-const apiKey = import.meta.env.VITE_ALCHEMY_API_KEY
-const baseURL = `https://eth-sepolia.g.alchemy.com/v2/${apiKey}`;
+import { chain } from './multichain'
 
 const ax = axios.create({
-    baseURL: baseURL,
+    baseURL: chain.value.alchemyURL,
     headers: {
         'Content-Type': 'application/json',
     },
 });
 
-export const pubClient = pub_client;
 export const x = ax;
 
 const app = createApp(App)
@@ -37,18 +27,3 @@ app.mount('#app')
 nextTick().then(() => {
     loading.unmount()
 })
-
-export async function connectWallet() {
-    const wal_client = createWalletClient({
-        chain: sepolia,
-        transport: custom(window.ethereum!),
-    })
-
-    const accounts = await wal_client.requestAddresses()
-    console.log(accounts)
-
-    store.dispatch('addAccount', {
-        address: accounts[0],
-        walletClient: wal_client,
-    })
-}
diff --git a/src/multichain.ts b/src/multichain.ts
new file mode 100644
index 0000000..09b66b4
--- /dev/null
+++ b/src/multichain.ts
@@ -0,0 +1,52 @@
+import { sepolia, mainnet } from 'viem/chains'
+import { ref } from 'vue'
+import { x } from './main'
+import { Network } from 'alchemy-sdk';
+
+const apiKey = import.meta.env.VITE_ALCHEMY_API_KEY
+
+const chainLs = [
+    {
+        name: "sepolia",
+        chain: sepolia,
+        alchemyURL: `https://eth-sepolia.g.alchemy.com/v2/${apiKey}`,
+        alchemyURLNFT: `https://eth-sepolia.g.alchemy.com/nft/v3/${apiKey}/getNFTsForOwner/`,
+        alchemyNetwork: Network.ETH_SEPOLIA
+    },
+    {
+        name: "ethereum",
+        chain: mainnet,
+        alchemyURL: `https://eth-mainnet.g.alchemy.com/v2/${apiKey}`,
+        alchemyURLNFT: `https://eth-mainnet.g.alchemy.com/nft/v3/${apiKey}/getNFTsForOwner/`,
+        alchemyNetwork: Network.ETH_MAINNET
+    },
+]
+
+const chain = ref(chainLs[1])
+
+const SwitchChain = (store: any, chainID?: number) => {
+    if (chainID != undefined && chainID < chainLs.length) {
+        localStorage.setItem('chainIdx', chainID.toString())
+    }
+    var chainIdx: number = parseInt(localStorage.getItem('chainIdx') || '-1');
+    if (chainIdx < 0) {
+        chainIdx = 0
+        localStorage.setItem('chainIdx', '0')
+    }
+    if (chainIdx >= chainLs.length) {
+        console.log("Invalid chain index")
+        return
+    }
+    chain.value = chainLs[chainIdx]
+    x.defaults.baseURL = chainLs[chainIdx].alchemyURL
+    console.log("Switched to chain: ", chain.value)
+
+    if (store) {
+        store.dispatch('saveChain', { chain: chain.value })
+        store.dispatch('switchWalletChain')
+    } else {
+        console.error('Vuex store is not initialized')
+    }
+}
+
+export { SwitchChain, chain, chainLs }
\ No newline at end of file
diff --git a/src/store.ts b/src/store.ts
index 6c40106..ccbc920 100644
--- a/src/store.ts
+++ b/src/store.ts
@@ -1,7 +1,15 @@
 import { createStore } from 'vuex'
-import type { WalletClient } from 'viem'
+import type { PublicClient, WalletClient } from 'viem'
 import { decryption } from '@/utils/crypto'
 import { generateWalletFromPrivateKey } from '@/utils/wallet'
+import { createPublicClient, http } from 'viem'
+import { switchChain } from 'viem/actions';
+import { chain } from './multichain';
+
+const pub_client = createPublicClient({
+  chain: chain.value.chain,
+  transport: http(),
+})
 
 interface Account {
   name: string
@@ -16,11 +24,15 @@ interface State {
   selectedAccount: string | null
   password: string | null
   walletCounter: number
+  chain: any | null;
+  pubClient: PublicClient;
 }
 
 const state: State = {
   accounts: [],
   selectedAccount: null,
+  chain: chain.value.chain,
+  pubClient: pub_client,
   password: null,
   walletCounter: 0
 }
@@ -70,6 +82,18 @@ const mutations = {
         state.accounts.push(account)
       }
     }
+  },
+  switchWalletChain(state: State) {
+    state.accounts.forEach(account => {
+      switchChain(account.wallet, state.chain as typeof pub_client.chain);
+    });
+    state.pubClient.chain = state.chain.chain.chain;
+  },
+  saveChain(state: State, chain: any) {
+    state.chain = chain;
+  },
+  savePubClient(state: State, pubClient: any) {
+    state.pubClient = pubClient;
   }
 }
 
@@ -81,7 +105,7 @@ const actions = {
     commit('selectAccount', address)
   },
   clearAccounts({ commit }: { commit: Function }) {
-    commit('clearAccounts')
+    commit('clearAccounts');
   },
   addPassword({ commit }: { commit: Function }, password: string) {
     commit('addPassword', password)
@@ -91,8 +115,17 @@ const actions = {
   },
   initializeAccountsFromLocalStorage({ commit }: { commit: Function }) {
     commit('initializeAccountsFromLocalStorage')
+  },
+  switchWalletChain({ commit }: { commit: Function }) {
+    commit('switchWalletChain');
+  },
+  saveChain({ commit }: { commit: Function }, chain: any) {
+    commit('saveChain', chain);
+  },
+  savePubClient({ commit }: { commit: Function }, pubClient: any) {
+    commit('savePubClient', pubClient);
   }
-}
+};
 
 const getters = {
   accounts: (state: State) => state.accounts,
@@ -104,7 +137,9 @@ const getters = {
     }))
   },
   password: (state: State) => state.password,
-  walletCounter: (state: State) => state.walletCounter
+  walletCounter: (state: State) => state.walletCounter,
+  chain: (state: State) => state.chain,
+  pubClient: (state: State) => state.pubClient,
 }
 
 const store = createStore({