mirror of
https://github.com/sysadminsmedia/homebox.git
synced 2025-12-21 21:33:02 +01:00
3d972dcac3
* fix: #321 use date-fns for localized datetime formatting * chore: lint fixes for use-formatters * chore: more lint fixes for use-formatters * date and currency localization fixes --------- Co-authored-by: Ádám Kleizer <adkl@boyum-it.com>
28 lines
579 B
Vue
28 lines
579 B
Vue
<template>
|
|
{{ value }}
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import type { DateTimeFormat, DateTimeType } from "~~/composables/use-formatters";
|
|
|
|
type Props = {
|
|
date?: Date | string;
|
|
format?: DateTimeFormat;
|
|
datetimeType?: DateTimeType;
|
|
};
|
|
|
|
const props = withDefaults(defineProps<Props>(), {
|
|
date: undefined,
|
|
format: "relative",
|
|
datetimeType: "date",
|
|
});
|
|
|
|
const value = computed(() => {
|
|
if (!props.date || !validDate(props.date)) {
|
|
return "";
|
|
}
|
|
|
|
return fmtDate(props.date, props.format, props.datetimeType);
|
|
});
|
|
</script>
|