From d6d173d08767beba9897d56a12cd796c9cbb291b Mon Sep 17 00:00:00 2001 From: Alexis <35.alexis.pele@gmail.com> Date: Fri, 28 Feb 2025 13:42:09 +0100 Subject: [PATCH] Fixed loading syntax for calendar --- pages/calendars/[id].vue | 33 +++++++++++++++++++++++++++------ pages/my/calendars/[id].vue | 33 +++++++++++++++++++++++++-------- 2 files changed, 52 insertions(+), 14 deletions(-) diff --git a/pages/calendars/[id].vue b/pages/calendars/[id].vue index 95d527a..29f0786 100644 --- a/pages/calendars/[id].vue +++ b/pages/calendars/[id].vue @@ -8,8 +8,29 @@ const shortId = route.params.id const user = useSupabaseUser() -const { data: calendarData, pending: calPending, refresh: calRefresh } = await useLazyFetch<{ data: Calendar }>("/api/calendars/query", { query: { shortId, full: true } }) -const { data: catData, pending: catPending, refresh: catRefresh } = await useLazyFetch<{ data: Category[] }>("/api/calendars/categories/query") +const { + data: calendar, + status: calendarStatus, + refresh: calRefresh +} = await useLazyFetch<{ data: Calendar }>("/api/calendars/query", + { + key: `calendar-${shortId}`, + query: { + shortId, + full: true + } + } +) + +const { + data: categories, + status: categoriesStatus, + refresh: catRefresh +} = await useLazyFetch<{ data: Category[] }>("/api/calendars/categories/query", + { key: `categories-${shortId}` } +) + +const isLoading = computed(() => calendarStatus.value === "pending" || categoriesStatus.value === "pending") watch(user, () => { calRefresh() @@ -18,7 +39,7 @@ watch(user, () => {