add version info and commit date info from git

package.json

@@ -4,11 +4,11 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "dev": "vite",
+    "dev": ". ./set_env.sh && vite",
     "build": "run-p type-check \"build-only {@}\" --",
-    "preview": "vite preview",
+    "preview": ". ./set_env.sh && vite preview",
-    "build-only": "vite build",
+    "build-only": ". ./set_env.sh && vite build",
-    "build:dev": "vite build --mode development",
+    "build:dev": ". ./set_env.sh && vite build --mode development",
     "type-check": "vue-tsc --build --force",
     "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
     "format": "prettier --write src/"

set_env.sh

@@ -0,0 +1,3 @@
+#!/bin/bash
+export VITE_APP_GIT_TAG=$(git describe --tags)
+export VITE_APP_LAST_COMMIT=$(git log -1 --format=%cd)

src/views/About.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-const version = __APP_VERSION__;
+const version = import.meta.env.VITE_APP_GIT_TAG;
-const compileTime = __BUILD_TIME__;
+const compileTime = import.meta.env.VITE_APP_LAST_COMMIT;
 </script>
 
 <template>