fix: set `lastUpdated` time to git commit timestamp

More details on issue #343

close #343

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

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, computed, onMounted } from 'vue'
+import { ref, computed, onMounted, onUpdated } from 'vue'
 import { useData } from 'vitepress'
 
 const { theme, page } = useData()
@@ -16,11 +16,16 @@ const prefix = computed(() => {
 })
 
 const datetime = ref('')
+
 onMounted(() => {
   // locale string might be different based on end user
   // and will lead to potential hydration mismatch if calculated at build time
   datetime.value = new Date(page.value.lastUpdated).toLocaleString('en-US')
 })
+
+onUpdated(() => {
+  datetime.value = new Date(page.value.lastUpdated).toLocaleString('en-US')
+})
 </script>
 
 <template>

src/node/markdownToVue.ts

@@ -1,5 +1,6 @@
 import fs from 'fs'
 import path from 'path'
+import { spawnSync } from 'child_process'
 import matter from 'gray-matter'
 import LRUCache from 'lru-cache'
 import { createMarkdownRenderer, MarkdownOptions } from './markdown/markdown'
@@ -91,14 +92,33 @@ export function createMarkdownToVueRenderFn(
       }
     }
 
+    /* forked from @vuepress/plugin-last-updated */
+    const getGitLastUpdatedTimeStamp = (filePath: string) => {
+      let lastUpdated = 0
+
+      try {
+        lastUpdated =
+          parseInt(
+            spawnSync(
+              'git',
+              ['log', '-1', '--format=%at', path.basename(filePath)],
+              { cwd: path.dirname(filePath) }
+            ).stdout.toString('utf-8')
+          ) * 1000
+      } catch (e) {
+        /* do not handle for now */
+      }
+
+      return lastUpdated
+    }
+
     const pageData: PageData = {
       title: inferTitle(frontmatter, content),
       description: inferDescription(frontmatter),
       frontmatter,
       headers: data.headers,
       relativePath,
-      // TODO use git timestamp?
+      lastUpdated: getGitLastUpdatedTimeStamp(file)
-      lastUpdated: Math.round(fs.statSync(file).mtimeMs)
     }
 
     const vueSrc =