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

TxnLab · Jun 18, 2024 · 155e2f8 · 155e2f8
1 parent 141f68c
commit 155e2f8
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 5 deletions.
diff --git a/examples/nuxt/components/Connect.vue b/examples/nuxt/components/Connect.vue
@@ -35,7 +35,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,
@@ -48,7 +48,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,

diff --git a/examples/vue-ts/src/components/Connect.vue b/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,

diff --git a/packages/use-wallet-vue/src/useWallet.ts b/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,