From 6c3ed25a43cfe3598f1c2023442d06269a298d2d Mon Sep 17 00:00:00 2001
From: Anthony Fu <anthonyfu117@hotmail.com>
Date: Fri, 5 Nov 2021 12:41:46 +0800
Subject: [PATCH] feat: show function start time

---
 components/PageView.vue | 6 ++++--
 server/api/pageview.ts  | 6 +++++-
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/components/PageView.vue b/components/PageView.vue
index 17506bc..3f17688 100644
--- a/components/PageView.vue
+++ b/components/PageView.vue
@@ -1,9 +1,11 @@
 <script setup lang="ts">
 const { data } = await useFetch('/api/pageview')
+
+const time = useTimeAgo(computed(() => data.value.startAt))
 </script>
 
 <template>
-  <div op50>
-    Pageview: {{ data.pageview }}
+  <div text-gray>
+    <span font-500>{{ data.pageview }}</span> page views since <span font-500>{{ time }}</span>
   </div>
 </template>
diff --git a/server/api/pageview.ts b/server/api/pageview.ts
index c4340f8..c619093 100644
--- a/server/api/pageview.ts
+++ b/server/api/pageview.ts
@@ -1,3 +1,7 @@
+const startAt = Date.now()
 let count = 0
 
-export default () => ({ pageview: count++ })
+export default () => ({
+  pageview: count++,
+  startAt,
+})