From 551ec184bf7ecfb9f5b26e1fcffc0c7beb11a64e Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Sun, 6 Feb 2022 16:44:17 +0100
Subject: [PATCH] chore: add <time> html attribute

---
 .../tasks/partials/createdUpdated.vue         | 26 ++++++++++++-------
 1 file changed, 16 insertions(+), 10 deletions(-)

diff --git a/src/components/tasks/partials/createdUpdated.vue b/src/components/tasks/partials/createdUpdated.vue
index 7a9246160..51ef1d31e 100644
--- a/src/components/tasks/partials/createdUpdated.vue
+++ b/src/components/tasks/partials/createdUpdated.vue
@@ -1,21 +1,27 @@
 <template>
 	<p class="created">
-		<i18n-t keypath="task.detail.created">
-			<span v-tooltip="formatDate(task.created)">{{ formatDateSince(task.created) }}</span>
-			{{ task.createdBy.getDisplayName() }}
-		</i18n-t>
+		<time :datetime="formatISO(task.created)" v-tooltip="formatDate(task.created)">
+			<i18n-t keypath="task.detail.created">
+				<span>{{ formatDateSince(task.created) }}</span>
+				{{ task.createdBy.getDisplayName() }}
+			</i18n-t>
+		</time>
 		<template v-if="+new Date(task.created) !== +new Date(task.updated)">
 			<br/>
 			<!-- Computed properties to show the actual date every time it gets updated -->
-			<i18n-t keypath="task.detail.updated">
-				<span v-tooltip="updatedFormatted">{{ updatedSince }}</span>
-			</i18n-t>
+			<time :datetime="formatISO(task.updated)" v-tooltip="updatedFormatted">
+				<i18n-t keypath="task.detail.updated">
+					<span>{{ updatedSince }}</span>
+				</i18n-t>
+			</time>
 		</template>
 		<template v-if="task.done">
 			<br/>
-			<i18n-t keypath="task.detail.doneAt">
-				<span v-tooltip="doneFormatted">{{ doneSince }}</span>
-			</i18n-t>
+			<time :datetime="formatISO(task.doneAt)" v-tooltip="doneFormatted">
+				<i18n-t keypath="task.detail.doneAt">
+					<span>{{ doneSince }}</span>
+				</i18n-t>
+			</time>
 		</template>
 	</p>
 </template>