diff --git a/src/components/ResponsiveTimeUntil.vue b/src/components/ResponsiveTimeUntil.vue index 910f40d..68cff35 100644 --- a/src/components/ResponsiveTimeUntil.vue +++ b/src/components/ResponsiveTimeUntil.vue @@ -2,13 +2,16 @@ import { onUnmounted, ref } from "vue" import { timeUntil } from "../services/time-until" -const timeUntilTarget = timeUntil("2024-03-13T09:00:00.000Z") +const props = defineProps<{ project?: string; target?: string }>() -const yearsUntil = ref(timeUntilTarget.years) -const monthsUntil = ref(timeUntilTarget.months) -const daysUntil = ref(timeUntilTarget.days) -const hoursUntil = ref(timeUntilTarget.hours) -const secondsUntil = ref(timeUntilTarget.seconds) +const timeUntilTarget = props.target ? timeUntil(props.target) : null + +const yearsUntil = ref(timeUntilTarget?.years ?? 0) +const monthsUntil = ref(timeUntilTarget?.months ?? 0) +const daysUntil = ref(timeUntilTarget?.days ?? 0) +const hoursUntil = ref(timeUntilTarget?.hours ?? 0) +const minutesUntil = ref(timeUntilTarget?.minutes ?? 0) +const secondsUntil = ref(timeUntilTarget?.seconds ?? 0) const id = setInterval(() => { const timeUntilTarget = timeUntil("2024-03-13T09:00:00.000Z") @@ -17,6 +20,7 @@ const id = setInterval(() => { monthsUntil.value = timeUntilTarget.months daysUntil.value = timeUntilTarget.days hoursUntil.value = timeUntilTarget.hours + minutesUntil.value = timeUntilTarget.minutes secondsUntil.value = timeUntilTarget.seconds }, 1000) @@ -24,13 +28,16 @@ onUnmounted(() => clearInterval(id))