From 91048d1b8e0381cb210aa61169dccd3daea88a96 Mon Sep 17 00:00:00 2001 From: Alexis <35.alexis.pele@gmail.com> Date: Fri, 20 Dec 2024 11:41:17 +0100 Subject: [PATCH] Watched for user change in the page instead --- pages/calendars/[id].vue | 11 +++++++++-- 1 file changed, 9 insertions(+), 2 deletions(-) diff --git a/pages/calendars/[id].vue b/pages/calendars/[id].vue index cfd6377..04e72da 100644 --- a/pages/calendars/[id].vue +++ b/pages/calendars/[id].vue @@ -6,11 +6,18 @@ import type { Category } from "~/models/Category"; const route = useRoute() const shortId = route.params.id -const { data: calendarData, pending: calPending } = await useLazyFetch("/api/calendars/query", { key: `calendar-${shortId}`, query: { shortId, full: true } }) -const { data: catData, pending: catPending } = await useLazyFetch("/api/calendars/categories/query", { key: `categories-${shortId}` }) +const user = useSupabaseUser() + +const { data: calendarData, pending: calPending, refresh: calRefresh } = await useLazyFetch("/api/calendars/query", { key: `calendar-${shortId}`, query: { shortId, full: true } }) +const { data: catData, pending: catPending, refresh: catRefresh } = await useLazyFetch("/api/calendars/categories/query", { key: `categories-${shortId}` }) const cal = computed(() => calendarData?.value?.data as Calendar) const categories = computed(() => catData?.value?.data as Category[]) + +watch(user, () => { + calRefresh() + catRefresh() +})