homebox/frontend/components/global/DateTime.vue
Hayden b77c9be36f
chore: bump deps (#810)
* bump prettier/eslint-plugin

* bump nuxt pwa

* use typed imports

* set vue version to fix layout errors

* disable import
2024-03-01 09:08:14 -09:00

27 lines
559 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);
});
</script>