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