From 680893d3f0858d055c72348fbd64d88a7995b4a1 Mon Sep 17 00:00:00 2001
From: Simon Legner <Simon.Legner@gmail.com>
Date: Thu, 6 Jan 2022 11:39:51 +0100
Subject: [PATCH] chore(LastUpdated): ISO 8601 format, <time>

---
 src/client/theme-default/components/LastUpdated.vue | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/client/theme-default/components/LastUpdated.vue b/src/client/theme-default/components/LastUpdated.vue
index ab888fbc..5bb4feeb 100644
--- a/src/client/theme-default/components/LastUpdated.vue
+++ b/src/client/theme-default/components/LastUpdated.vue
@@ -16,17 +16,20 @@ const prefix = computed(() => {
 })
 
 const datetime = ref('')
+const datetimeFormatted = computed(() =>
+  datetime.value.replace(/T/, ' ').replace(/\.\d\d\dZ/, ' UTC')
+)
 onMounted(() => {
   // locale string might be different based on end user
   // and will lead to potential hydration mismatch if calculated at build time
-  datetime.value = new Date(page.value.lastUpdated).toLocaleString('en-US')
+  datetime.value = new Date(page.value.lastUpdated).toISOString()
 })
 </script>
 
 <template>
   <p v-if="hasLastUpdated" class="last-updated">
     <span class="prefix">{{ prefix }}:</span>
-    <span class="datetime">{{ datetime }}</span>
+    <time :datetime="datetime">{{ datetimeFormatted }}</time>
   </p>
 </template>
 
@@ -50,7 +53,7 @@ onMounted(() => {
   font-weight: 500;
 }
 
-.datetime {
+time {
   display: inline-block;
   margin-left: 6px;
   font-weight: 400;