Add version tag system, for matching if the deployment is the newest one

or not.

Dockerfile

@@ -14,7 +14,7 @@
 
     # Copy source files
     COPY . .
-
+    RUN bun run generateVersionTag
     # Build the application
     RUN bun run build
 

components/app/windows/settings.vue

@@ -10,6 +10,7 @@ import {
   DialogTitle,
   DialogTrigger,
 } from "@/components/ui/dialog";
+import getVersionTag from "~/versionTag";
 import { Button } from "@/components/ui/button";
 const { t, locale } = useI18n();
 const user = ref("");
@@ -294,7 +295,7 @@ const submitChangeAction = async (action: string) => {
     </div>
     <hr />
     <div class="justiy-center align-center text-center">
-      {{ t("app.settings") }} v0.0.3
+      {{ t("app.settings") }} v0.0.3 || Version: {{ getVersionTag() }}
     </div>
   </div>
 </template>

package.json

@@ -14,7 +14,8 @@
     "docs:dev": "vitepress dev docs",
     "docs:build": "vitepress build docs",
     "docs:preview": "vitepress preview docs",
-    "wipedev": "./clean-dev-env.sh"
+    "wipedev": "./clean-dev-env.sh",
+    "generateVersionTag": "bun run versionTagGenerate.ts"
   },
   "dependencies": {
     "@fontsource-variable/noto-sans-tc": "^5.2.5",
@@ -63,4 +64,4 @@
   "overrides": {
     "@vercel/nft": "^0.27.4"
   }
-}
+}

versionTag.ts

@@ -0,0 +1,3 @@
+export default function versionTag() {
+  return "value";
+}

versionTagGenerate.ts

@@ -0,0 +1,16 @@
+import { $ } from "bun";
+const characters =
+  "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+function generateVersionTag() {
+  let slug = "";
+  let length = 8;
+  for (let times = 0; times < length; times++) {
+    slug += characters.charAt(Math.floor(Math.random() * characters.length));
+  }
+  return slug;
+}
+const tag = generateVersionTag();
+// Command
+await $`echo 'export default function versionTag() {return "${tag}";}' > ./versionTag.ts`;
+
+console.log("Version Tag:", tag);