logos-storage/ethcc-demo
1
0
Fork 0
mirror of https://github.com/logos-storage/ethcc-demo.git synced 2026-01-05 22:53:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

update time every 10s in RelativeTime component

Browse Source
This commit is contained in:
Eric 2024-06-20 10:49:06 +10:00
parent 8da2b0685f
commit 44646197d6
No known key found for this signature in database
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/RelativeTime.vue
View File

@ -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>