feat: add commit hash display and source link in AboutView

Author: BloomyInDev

src/views/AboutView.vue

@@ -1,5 +1,9 @@
 <script setup lang="ts">
 import { usePageHead } from "@/script/routing"
+import { computed } from "vue"
+
+const hash = computed(() => import.meta.env.VITE_GIT_COMMIT_HASH)
+const commitUrl = computed(() => `https://github.com/BloomyInDev/Portfolio/commit/${hash.value}`)
 
 usePageHead()
 </script>
@@ -17,6 +21,12 @@ usePageHead()
             Vous pouvez également obtenir un lien pour mon CV
             <a href="/cvWebBastienLuben.pdf" target="_blank">ici</a>.
         </p>
+        <p>Ce site a été développé par Bastien LUBEN en utilisant Vite et Vue.js.</p>
+        <p>
+            Le code source est disponible sur
+            <a href="https://github.com/BloomyInDev/Portfolio" target="_blank">GitHub</a>. Hash de
+            commit: <a :href="commitUrl">{{ hash }}</a>
+        </p>
     </section>
 </template>
 

vite.config.ts

@@ -7,6 +7,11 @@ import vueDevTools from "vite-plugin-vue-devtools"
 
 import { projects } from "./src/script/projects"
 import type { CustomRouteMetadata } from "./src/types"
+import type { RouteRecordRaw } from "vue-router"
+
+import * as child from "child_process"
+
+process.env.VITE_GIT_COMMIT_HASH = child.execSync("git rev-parse --short HEAD").toString()
 
 // https://vite.dev/config/
 export default {
@@ -20,8 +25,8 @@ export default {
         },
     },
     ssgOptions: {
-        includedRoutes(_paths, routes) {
-            return routes.flatMap((route) => {
+        includedRoutes: (_paths, routes: Readonly<RouteRecordRaw[]>) => {
+            return routes.flatMap((route: RouteRecordRaw) => {
                 return (route.meta as CustomRouteMetadata).dontPregenerate
                     ? []
                     : route.name == "project-detail"