From 44646197d6f9b6a832a3d82d958381f9e633f7cb Mon Sep 17 00:00:00 2001
From: Eric <5089238+emizzle@users.noreply.github.com>
Date: Thu, 20 Jun 2024 10:49:06 +1000
Subject: [PATCH] update time every 10s in RelativeTime component

---
 src/components/RelativeTime.vue | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/RelativeTime.vue b/src/components/RelativeTime.vue
index c24355d..fafa2d6 100644
--- a/src/components/RelativeTime.vue
+++ b/src/components/RelativeTime.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { computed } from 'vue'
+import { computed, ref, watch, onMounted, onUnmounted } from 'vue'
 import { getRelativeTime } from '@feelinglovelynow/get-relative-time'
 import Tooltip from '@/components/Tooltip.vue'
 
@@ -9,7 +9,13 @@ const props = defineProps({
     required: true
   }
 })
-const relativeTime = computed(() => getRelativeTime(props.timestamp))
+const relativeTime = ref(getRelativeTime(props.timestamp))
+let intervalId
+onMounted(() => {
+  intervalId = setInterval(() => (relativeTime.value = getRelativeTime(props.timestamp)), 10000)
+})
+onUnmounted(() => clearInterval(intervalId))
+
 </script>
 <template>
   <Tooltip>