mirror of
https://github.com/Ocelot-Social-Community/Ocelot-Social.git
synced 2026-01-16 01:44:35 +00:00
24 lines
470 B
Vue
24 lines
470 B
Vue
<template>
|
|
<span>{{ relativeDateTime }}</span>
|
|
</template>
|
|
|
|
<script>
|
|
import { getDateFnsLocale } from '~/locales'
|
|
import formatRelative from 'date-fns/formatRelative'
|
|
|
|
export default {
|
|
name: 'HcRelativeDateTime',
|
|
props: {
|
|
dateTime: {
|
|
type: [Date, String],
|
|
required: true,
|
|
},
|
|
},
|
|
computed: {
|
|
relativeDateTime() {
|
|
return formatRelative(new Date(this.dateTime), new Date(), { locale: getDateFnsLocale(this) })
|
|
},
|
|
},
|
|
}
|
|
</script>
|