danielroe.dev
[READ-ONLY] Mirror of https://github.com/danielroe/ripple-framework. Ripple is the presentation layer for building websites on the DPC Single Digital Presence platform.
554 B
26 lines
1<template>
2 <p class="rpl-type-p-small rpl-u-margin-t-6" data-cy="updated-date">
3 Updated <time :datetime="date">{{ formattedDate }}</time>
4 </p>
5</template>
6
7<script setup lang="ts">
8import { computed } from 'vue'
9
10interface Props {
11 date: string
12}
13
14const props = withDefaults(defineProps<Props>(), {})
15
16const formattedDate = computed(() => {
17 const date = new Date(props.date)
18
19 return Intl.DateTimeFormat('en-AU', {
20 day: 'numeric',
21 month: 'long',
22 year: 'numeric',
23 timeZone: 'Australia/Melbourne'
24 }).format(date)
25})
26</script>