fix(vue): ensure algodClient is a defined computed value

Author: drichar

examples/vue-ts/src/components/Connect.vue

@@ -34,7 +34,7 @@ const sendTransaction = async (wallet: Wallet) => {
 
   try {
     const atc = new algosdk.AtomicTransactionComposer()
-    const suggestedParams = await algodClient.getTransactionParams().do()
+    const suggestedParams = await algodClient.value.getTransactionParams().do()
 
     const transaction = algosdk.makePaymentTxnWithSuggestedParamsFromObject({
       from: wallet.activeAccount.address,
@@ -47,7 +47,7 @@ const sendTransaction = async (wallet: Wallet) => {
 
     console.info(`[App] Sending transaction...`, transaction)
 
-    const result = await atc.execute(algodClient, 4)
+    const result = await atc.execute(algodClient.value, 4)
 
     console.info(`[App] ✅ Successfully sent transaction!`, {
       confirmedRound: result.confirmedRound,

packages/use-wallet-vue/src/useWallet.ts

@@ -112,7 +112,12 @@ export function useWallet() {
 
   return {
     wallets,
-    algodClient,
+    algodClient: computed(() => {
+      if (!algodClient.value) {
+        throw new Error('Algod client is undefined')
+      }
+      return algodClient.value
+    }),
     activeNetwork,
     activeWallet,
     activeWalletAccounts,