perf: use useQuery for timeCanSubmit

Signed-off-by: ZTL-UwU <zhangtianli2006@163.com>
SMS-COSMO · Oct 1, 2024 · 5a7ef74 · 5a7ef74
1 parent 07f64ef
commit 5a7ef74
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 11 deletions.
diff --git a/components/TimeAvailability.vue b/components/TimeAvailability.vue
@@ -50,10 +50,8 @@ const stateColor = {
   },
 };
 
-onMounted(async () => {
-  if (!props.isCard)
-    state.value = await $api.time.currently.query() ? 'can' : 'cannot';
-});
+if (!props.isCard)
+  state.value = await $api.time.currently.query() ? 'can' : 'cannot';
 </script>
 
 <template>

diff --git a/pages/index.vue b/pages/index.vue
@@ -14,13 +14,7 @@ const [isSubmitOpen, toggleSubmit] = useToggle(false);
 const { data: rawSongList } = await $api.song.listSafe.useQuery();
 const songList = ref(rawSongList.value ?? []);
 const { data: arrangementList } = await $api.arrangement.listSafe.useQuery();
-
-const timeCanSubmit = ref(true);
-try {
-  timeCanSubmit.value = await $api.time.currently.query();
-} catch (err) {
-  useErrorHandler(err);
-}
+const { data: timeCanSubmit } = await $api.time.currently.useQuery();
 
 const isDesktop = ref(false);
 onMounted(() => {