From a96d564eaa069191440f35f933902334ad65ecea Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=89=E5=92=B2=E6=99=BA=E5=AD=90=20Kevin=20Deng?=
 <sxzz@sxzz.moe>
Date: Mon, 5 Dec 2022 02:18:39 +0800
Subject: [PATCH] feat: show commit id (#331)

---
 components/nav/NavFooter.vue | 14 +++++++++++++-
 nuxt.config.ts               |  1 +
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/components/nav/NavFooter.vue b/components/nav/NavFooter.vue
index c75da440..30a6406c 100644
--- a/components/nav/NavFooter.vue
+++ b/components/nav/NavFooter.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 const buildTime = import.meta.env.__BUILD_TIME__ as string
+const buildCommit = import.meta.env.__BUILD_COMMIT__ as string
 const buildTimeDate = new Date(buildTime)
 
 const timeAgoOptions = useTimeAgoOptions()
@@ -46,7 +47,18 @@ const buildTimeAgo = useTimeAgo(buildTime, timeAgoOptions)
     <div>
       <i18n-t keypath="nav_footer.built_at">
         <time :datetime="buildTime" :title="$d(buildTimeDate, 'long')">{{ buildTimeAgo }}</time>
-      </i18n-t> · <a href="https://github.com/elk-zone/elk" target="_blank">GitHub</a>
+      </i18n-t>
+      ·
+      <NuxtLink
+        v-if="buildCommit"
+        external
+        :href="`https://github.com/elk-zone/elk/commit/${buildCommit}`"
+        target="_blank"
+        font-mono
+      >
+        {{ buildCommit.slice(0, 7) }}
+      </NuxtLink>
+      · <a href="https://github.com/elk-zone/elk" target="_blank">GitHub</a>
     </div>
   </footer>
 </template>
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 3d776253..c82cb972 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -31,6 +31,7 @@ export default defineNuxtConfig({
   vite: {
     define: {
       'import.meta.env.__BUILD_TIME__': JSON.stringify(new Date().toISOString()),
+      'import.meta.env.__BUILD_COMMIT__': JSON.stringify(process.env.COMMIT_REF || ''),
       'process.env.VSCODE_TEXTMATE_DEBUG': 'false',
       'process.mock': ((isDevelopment || (isCI && process.env.PULL_REQUEST === 'true')) && process.env.MOCK_USER) || 'false',
     },