From 25a835f0f437a2181f67dbcefa17546dbcb833de Mon Sep 17 00:00:00 2001
From: rainkolwa <rainkolwa@gmail.com>
Date: Thu, 30 Jun 2022 00:30:30 +0800
Subject: [PATCH] fix(theme): make last updated time reactive (#879)

---
 .../theme-default/components/VPDocFooterLastUpdated.vue   | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/client/theme-default/components/VPDocFooterLastUpdated.vue b/src/client/theme-default/components/VPDocFooterLastUpdated.vue
index efaac851..6843785c 100644
--- a/src/client/theme-default/components/VPDocFooterLastUpdated.vue
+++ b/src/client/theme-default/components/VPDocFooterLastUpdated.vue
@@ -1,11 +1,11 @@
 <script setup lang="ts">
-import { ref, watchEffect, onMounted } from 'vue'
+import { ref, computed, watchEffect, onMounted } from 'vue'
 import { useData } from 'vitepress'
 
 const { theme, page } = useData()
 
-const date = new Date(page.value.lastUpdated!)
-const isoDatetime = date.toISOString()
+const date = computed(() => new Date(page.value.lastUpdated!))
+const isoDatetime = computed(() => date.value.toISOString())
 const datetime = ref('')
 
 // set time on mounted hook because the locale string might be different
@@ -13,7 +13,7 @@ const datetime = ref('')
 // calculated at build time
 onMounted(() => {
   watchEffect(() => {
-    datetime.value = date.toLocaleString(window.navigator.language)
+    datetime.value = date.value.toLocaleString(window.navigator.language)
   })
 })
 </script>