fix: fix hydration mismatch with the "last update" feature (#150)

src/client/theme-default/components/LastUpdated.vue

@@ -6,7 +6,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, computed } from 'vue'
+import { defineComponent, ref, computed, onMounted } from 'vue'
 import { useSiteDataByRoute, usePageData } from 'vitepress'
 
 export default defineComponent({
@@ -14,6 +14,8 @@ export default defineComponent({
     const site = useSiteDataByRoute()
     const page = usePageData()
 
+    const datetime = ref('')
+
     const hasLastUpdated = computed(() => {
       const lu = site.value.themeConfig.lastUpdated
 
@@ -26,8 +28,8 @@ export default defineComponent({
       return p === true ? 'Last Updated' : p
     })
 
-    const datetime = computed(() => {
-      return new Date(page.value.lastUpdated).toLocaleString('en-US')
+    onMounted(() => {
+      datetime.value = new Date(page.value.lastUpdated).toLocaleString('en-US')
     })
 
     return {