mirror of
https://github.com/amir20/dozzle.git
synced 2025-12-21 21:33:18 +01:00
31 lines
713 B
Vue
31 lines
713 B
Vue
<template>
|
|
<time :datetime="date.toISOString()" data-ci-skip>{{ text }}</time>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import { formatDistanceToNow } from "date-fns/formatDistanceToNow";
|
|
import { formatDistanceToNowStrict } from "date-fns/formatDistanceToNowStrict";
|
|
|
|
const {
|
|
date,
|
|
strict = false,
|
|
suffix = true,
|
|
} = defineProps<{
|
|
date: Date;
|
|
strict?: boolean;
|
|
suffix?: boolean;
|
|
}>();
|
|
|
|
const text = ref<string>();
|
|
|
|
watch($$(date), updateFromNow, { immediate: true });
|
|
|
|
function updateFromNow() {
|
|
const fn = strict ? formatDistanceToNowStrict : formatDistanceToNow;
|
|
text.value = fn(date, {
|
|
addSuffix: suffix,
|
|
});
|
|
}
|
|
useIntervalFn(updateFromNow, 30_000, { immediateCallback: true });
|
|
</script>
|