fix(app): getSigner in Contract page

vu3th · Apr 18, 2024 · 4f22c84 · 4f22c84
1 parent cb5d584
commit 4f22c84
Showing 1 changed file with 13 additions and 5 deletions.
diff --git a/app/components/content/Contract.vue b/app/components/content/Contract.vue
@@ -20,14 +20,22 @@ const contract = new ethers.Contract(contractAddress, iface, defaultProvider)
 
 // ======================== Wallet ========================
 
-const { isConnected, chainId, error: ConnectError, onConnected } = useVueDapp()
+const { isConnected, wallet, chainId, error: ConnectError } = useVueDapp()
 
 let signer: ethers.Signer | null = null
 
-onConnected(async (wallet: ConnWallet) => {
-	const provider = new ethers.BrowserProvider(wallet.provider)
-	signer = await provider.getSigner()
-})
+watch(
+	isConnected,
+	async () => {
+		if (isConnected.value) {
+			const provider = new ethers.BrowserProvider(wallet.provider!)
+			signer = await provider.getSigner()
+		}
+	},
+	{
+		immediate: true,
+	},
+)
 
 onMounted(() => {
 	fetchData()