From bfdcd167c33f5bbd35b87d41f762df6d07338e20 Mon Sep 17 00:00:00 2001
From: Ryan Wang <i@ryanc.cc>
Date: Sun, 24 Sep 2023 19:48:48 +0800
Subject: [PATCH] fix: can not refetch when request parameters changed

Signed-off-by: Ryan Wang <i@ryanc.cc>
---
 console/src/components/AgreementsModal.vue |  6 ++++--
 console/src/components/AppStoreTab.vue     | 10 ++--------
 2 files changed, 6 insertions(+), 10 deletions(-)

diff --git a/console/src/components/AgreementsModal.vue b/console/src/components/AgreementsModal.vue
index 9a7014b..15c0794 100644
--- a/console/src/components/AgreementsModal.vue
+++ b/console/src/components/AgreementsModal.vue
@@ -73,7 +73,7 @@ const { isLoading, mutate } = useMutation({
 </script>
 
 <template>
-  <VModal v-model:visible="visible" mount-to-body title="条款与协议">
+  <VModal v-model:visible="visible" title="条款与协议">
     <p class="as-mb-6 as-text-sm as-text-gray-500">
       为了更好的保护您的权益，请在使用 Halo 应用市场前，仔细阅读并同意以下条款与协议。
     </p>
@@ -81,7 +81,9 @@ const { isLoading, mutate } = useMutation({
       <FormKit v-model="formState.termsOfService" type="checkbox">
         <template #label>
           <span class="formkit-label formkit-invalid:text-red-500 as-block as-text-sm as-font-medium as-text-gray-700">
-            我已阅读并同意：<a href="https://www.halo.run/terms-of-service" target="_blank">《Halo 应用市场服务条款》</a>
+            我已阅读并同意：<a href="https://www.halo.run/terms-of-service" target="_blank">
+              《Halo 应用市场服务条款》
+            </a>
           </span>
         </template>
       </FormKit>
diff --git a/console/src/components/AppStoreTab.vue b/console/src/components/AppStoreTab.vue
index 2d5c98f..f3088a7 100644
--- a/console/src/components/AppStoreTab.vue
+++ b/console/src/components/AppStoreTab.vue
@@ -19,8 +19,6 @@ import AppDetailModal from "./AppDetailModal.vue";
 import { nextTick } from "vue";
 import type { ApplicationSearchResult, ListResponse } from "@/types";
 import storeApiClient from "@/utils/store-api-client";
-import { useElementVisibility } from "@vueuse/core";
-import { computed } from "vue";
 import AgreementsModal from "./AgreementsModal.vue";
 
 const props = withDefaults(
@@ -45,9 +43,6 @@ const viewTypes = [
 
 const viewType = useLocalStorage<string>("app-store-tab-list-view", "list");
 
-const tabWrapper = ref<HTMLElement | null>(null);
-const tabWrapperIsVisible = useElementVisibility(tabWrapper);
-
 const keyword = ref("");
 const page = ref(1);
 const size = ref(20);
@@ -76,7 +71,6 @@ const { data, isFetching, isLoading, refetch } = useQuery<ListResponse<Applicati
     page.value = data.page;
     size.value = data.size;
   },
-  enabled: computed(() => tabWrapperIsVisible.value),
 });
 
 // detail modal
@@ -130,7 +124,7 @@ watch([selectedPriceMode, selectedSort, keyword], () => {
 </script>
 
 <template>
-  <div ref="tabWrapper">
+  <div>
     <div class="as-block as-w-full as-rounded as-bg-gray-50 as-px-3 as-py-2">
       <div class="as-relative as-flex as-flex-col as-items-start sm:as-flex-row sm:as-items-center">
         <div class="as-flex as-w-full as-flex-1 as-items-center sm:as-w-auto">
@@ -243,5 +237,5 @@ watch([selectedPriceMode, selectedSort, keyword], () => {
     </template>
   </AppDetailModal>
 
-  <AgreementsModal v-if="data" />
+  <AgreementsModal />
 </template>