mirror of
https://github.com/amir20/dozzle.git
synced 2025-12-21 13:23:07 +01:00
1b056346c0
* chore: updates modules * feat: adds support for exponential moving average * feat: add expoentital moving avg * adds index page * cleans up table * fixes typecheck * adds bar chart * updates dashboard to orgua table * wip * cleans up ui * remove screenshot tests for playwright * adds more tests * fixes icon * fixes default sort * removes unused var * adds vscode settings
31 lines
705 B
Vue
31 lines
705 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>
|