From ae2ce85bcc80ccc7b0c5db60bd6236ccf66cc01d Mon Sep 17 00:00:00 2001
From: Daniel Roe <daniel@roe.dev>
Date: Fri, 25 Nov 2022 15:00:50 +0000
Subject: [PATCH] feat: use `<time>` element

---
 components/nav/NavFooter.vue     | 2 +-
 components/status/StatusCard.vue | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/nav/NavFooter.vue b/components/nav/NavFooter.vue
index 365cf73d..61a610a4 100644
--- a/components/nav/NavFooter.vue
+++ b/components/nav/NavFooter.vue
@@ -17,6 +17,6 @@ const buildTimeAgo = useTimeAgo(buildTime)
     </div>
     <a cursor-pointer hover:underline @click="openPreviewHelp">Show intro</a>
     <div>A Mastodon client made with 💛</div>
-    <div>Built <span :title="buildTime">{{ buildTimeAgo }}</span> · <a href="https://github.com/elk-zone/elk" target="_blank">GitHub</a></div>
+    <div>Built <time :datetime="buildTime" :title="buildTime">{{ buildTimeAgo }}</time> · <a href="https://github.com/elk-zone/elk" target="_blank">GitHub</a></div>
   </div>
 </template>
diff --git a/components/status/StatusCard.vue b/components/status/StatusCard.vue
index 686dbe7e..eef2ecc8 100644
--- a/components/status/StatusCard.vue
+++ b/components/status/StatusCard.vue
@@ -83,9 +83,9 @@ const timeago = useTimeAgo(() => status.createdAt, {
           <StatusAccountDetails :account="status.account" />
           <div flex-auto />
           <CommonTooltip :content="createdAt">
-            <div text-sm op50 hover:underline :title="status.createdAt">
+            <time text-sm op50 hover:underline :title="status.createdAt" :datetime="status.createdAt">
               {{ timeago }}
-            </div>
+            </time>
           </CommonTooltip>
         </div>
         <StatusReplyingTo v-if="status.inReplyToAccountId" :status="status" pt1 />