fix: move mounted logic to prefetch to set query values

kiva · Apr 29, 2024 · d77175e · d77175e
1 parent 8d07393
commit d77175e
Showing 1 changed file with 7 additions and 10 deletions.
diff --git a/src/components/WwwFrame/PromotionalBanner/Banners/DepositIncentiveBanner.vue b/src/components/WwwFrame/PromotionalBanner/Banners/DepositIncentiveBanner.vue
@@ -30,8 +30,13 @@ export default {
 		};
 	},
 	inject: ['apollo', 'cookieStore'],
-	preFetch(config, client) {
-		return client.query({ query: amountToLendQuery });
+	apollo: {
+		query: amountToLendQuery,
+		preFetch: true,
+		result({ data }) {
+			this.amountToLend = data?.my?.depositIncentiveAmountToLend ?? 0;
+			this.isLoggedin = !!data?.my?.id ?? false;
+		},
 	},
 	computed: {
 		promoBannerContent() {
@@ -50,13 +55,5 @@ export default {
 			};
 		}
 	},
-	mounted() {
-		const userInfo = this.apollo.readQuery({
-			query: amountToLendQuery,
-		});
-
-		this.amountToLend = userInfo?.my?.depositIncentiveAmountToLend ?? 0;
-		this.isLoggedin = !!userInfo?.my?.id ?? false;
-	}
 };
 </script>