From 90be6baf42993e2a47c8b906e370237761a0ad3c Mon Sep 17 00:00:00 2001 From: Alexis <35.alexis.pele@gmail.com> Date: Mon, 10 Jun 2024 22:48:28 +0200 Subject: [PATCH] Fixed reactivity issue with bordered event CTA --- components/calendar/CalendarEvent.vue | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/components/calendar/CalendarEvent.vue b/components/calendar/CalendarEvent.vue index 13a869a..43a59f2 100644 --- a/components/calendar/CalendarEvent.vue +++ b/components/calendar/CalendarEvent.vue @@ -12,9 +12,9 @@ const { areDatesIdentical } = useCalendar() const { revealEditEventModal, revealDeleteEventModal } = useCalendarEvents() const { lastActiveEvent } = storeToRefs(useCalendarEvents()) -const spansMultipleDays = Boolean(props.event.startDate && props.event.endDate) -const isStartEvent = spansMultipleDays && areDatesIdentical(props.tileDate, props.event.startDate) -const isEndEvent = spansMultipleDays && props.event.endDate && areDatesIdentical(props.tileDate, props.event.endDate) +const spansMultipleDays = computed(() => Boolean(props.event.startDate && props.event.endDate)) +const isStartEvent = computed(() => spansMultipleDays.value && areDatesIdentical(props.tileDate, props.event.startDate)) +const isEndEvent = computed(() => spansMultipleDays.value && props.event.endDate && areDatesIdentical(props.tileDate, props.event.endDate)) const titleCharLimit = 50; const eventTitle = computed(() => props.event.title.length <= titleCharLimit ? props.event.title : `${props.event.title.slice(0, titleCharLimit)}…`)