fix: networkChanged event listener not working

src/background.ts

@@ -14,7 +14,11 @@ browser.runtime.onMessage.addListener(async (msg, sender) => {
     return await exActions[msg.fn](...msg.args)
   }
 
-  const actionName = msg.action.replace('authorize-', '').replace('query-', '').replace('event-', '').replace('inscribe-', '')
+  const actionName = msg.action
+    .replace('authorize-', '')
+    .replace('query-', '')
+    .replace('event-', '')
+    .replace('inscribe-', '')
   if (msg.action?.startsWith('query') && actionName === 'Ping') {
     const response = {
       nonce: msg.nonce,
@@ -35,7 +39,10 @@ browser.runtime.onMessage.addListener(async (msg, sender) => {
     failedStatus = 'locked'
   } else if (!account || !account.id) {
     failedStatus = 'not-logged-in'
-  } else if (!(await connector.isConnected(account.id, msg.host)) && !['Connect', 'IsConnected', 'ConnectBTC'].includes(actionName)) {
+  } else if (
+    !(await connector.isConnected(account.id, msg.host)) &&
+    !['Connect', 'IsConnected', 'ConnectBTC'].includes(actionName)
+  ) {
     failedStatus = 'not-connected'
   }
 
@@ -96,13 +103,14 @@ browser.runtime.onMessage.addListener(async (msg, sender) => {
     let popupUrl = browser.runtime.getURL(rawUrl)
     popupUrl += `?${params.toString()}`
 
-
     // To avoid repeating pop-ups of 'sign btc message'
     let isClose = false
     const tabs = await browser.tabs.query({ active: true })
-    tabs.forEach(tab => {
-      isClose = (tab.url?.includes('actionName=SignBTCMessage') || false) && (tab.url?.includes(`params=%22${msg.params}%22`) || false)
-    });
+    tabs.forEach((tab) => {
+      isClose =
+        (tab.url?.includes('actionName=SignBTCMessage') || false) &&
+        (tab.url?.includes(`params=%22${msg.params}%22`) || false)
+    })
     if (isClose) {
       return
     }

src/content-script/actions.ts

@@ -47,7 +47,7 @@ export async function createAction(
           callback(event.data)
         }
       }
-      return true
+      // return true
     }
     window.addEventListener('message', actionListener)
   }

src/content-script/inject.ts

@@ -16,7 +16,7 @@ const listenToMetalet = () => {
       window.postMessage(msg, '*')
     }
 
-    return true
+    // return true
   })
 }
 

src/lib/network.ts

@@ -9,9 +9,9 @@ export type Network = 'mainnet' | 'testnet'
 export const network = ref<Network>(await storage.get('network', { defaultValue: 'mainnet' }))
 
 export async function setNetwork(_network: Network) {
-  await storage.set('network', _network)
   network.value = _network
   notifyContent('networkChanged')(_network)
+  await storage.set('network', _network)
 }
 
 export async function getNetwork(): Promise<Network> {

src/pages/settings/components/SelectNetwork.vue

@@ -3,6 +3,7 @@ import { ref, Ref } from 'vue'
 import { Listbox, ListboxButton, ListboxOptions, ListboxOption } from '@headlessui/vue'
 import { ChevronRightIcon } from '@heroicons/vue/20/solid'
 import { getNetwork, setNetwork } from '@/lib/network'
+import { sleep } from '@/lib/helpers';
 
 type Network = {
   id: number
@@ -24,6 +25,8 @@ const select = async (network: Network) => {
   // 存入存储
   await setNetwork(network.type)
 
+  await sleep(200)
+
   // force a reload
   window.location.reload()
 }