From 885d5f147fa057f5d6ed100ee87cdf92a0b66e73 Mon Sep 17 00:00:00 2001 From: Joakim Olsson Date: Sun, 16 Apr 2023 19:08:35 +0200 Subject: [PATCH] fix: make date calcs computed --- components/pages/events/Event/index.vue | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) diff --git a/components/pages/events/Event/index.vue b/components/pages/events/Event/index.vue index 54cb2f5..a45d010 100644 --- a/components/pages/events/Event/index.vue +++ b/components/pages/events/Event/index.vue @@ -121,10 +121,13 @@ export default defineComponent({ }, setup(props) { const instance = getCurrentInstance() - const locale = computed(() => (instance?.proxy.$i18n.locale ?? 'sv') === 'en' ? enGB : sv ) - const time = (props.event.time || '').split('-')[0].replace('.', ':') - const weekday = format(parseISO(props.event.date), 'EEEE', { locale: locale.value }) - const daysUntil = formatDistanceToNow(parseISO(`${props.event.date}T${time}`), { addSuffix: true, locale: locale.value }) + const locale = computed(() => (instance?.proxy.$i18n.locale ?? 'sv') === 'en' ? enGB : sv) + const time = computed(() => (props.event.time || '').split('-')[0].replace('.', ':')) + const weekday = computed(() => format(parseISO(props.event.date), 'EEEE', { locale: locale.value })) + const daysUntil = computed(() => formatDistanceToNow(parseISO(`${props.event.date}T${time.value}`), { + addSuffix: true, + locale: locale.value + })) return { weekday, daysUntil