change from listening onUpdate on listing component to watch props changes

src/views/ManageBidsView.vue

@@ -4,26 +4,24 @@ import { storeToRefs } from "pinia";
 import blockchain from "../utils/blockchain";
 import ListingComponent from "@/components/ListingComponent.vue";
 import type { BigNumber } from "ethers";
-import { ref, onBeforeMount } from "vue";
+import { ref } from "vue";
 
 const etherStore = useEtherStore();
 const { walletAddress } = storeToRefs(etherStore);
 const depositList = ref<any[]>([]);
 
+if (walletAddress.value) {
+  await blockchain
+    .listDepositTransactionByWalletAddress(walletAddress.value)
+    .then((value) => (depositList.value = value));
+}
+
 const handleCancelDeposit = async (depositID: BigNumber) => {
   console.log(depositID);
   const response = await blockchain.cancelDeposit(depositID);
   if (response == true) console.log("Depósito cancelado com sucesso.");
 };
 
-onBeforeMount(async () => {
-  if (walletAddress.value) {
-    await blockchain
-      .listDepositTransactionByWalletAddress(walletAddress.value)
-      .then((value) => (depositList.value = value));
-  }
-});
-
 etherStore.$subscribe(async (mutation, state) => {
   if (mutation.events.key == "walletAddress") {
     if (state.walletAddress) {