Squashed commit of the following:

commit 908d87357c4e22868eff85f377bb8cd22f3785d7
Author: Sun <95302870@qq.com>
Date:   Thu Jan 25 13:12:14 2024 +0800

    增加前端版本号

commit 8ed2b636476c7a14ae4e1761f7712949b7ce60fc
Author: Sun <95302870@qq.com>
Date:   Thu Jan 25 12:29:49 2024 +0800

    增加自动获取前端版本号的git tag

src/components/apps/About/index.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { NDivider, NGradientText } from 'naive-ui'
+import { NDivider, NGradientText, NTag } from 'naive-ui'
 import { onMounted, ref } from 'vue'
 import { get } from '@/api/system/about'
 import { useAppStore } from '@/store'
@@ -20,7 +20,7 @@ interface Version {
 const appStore = useAppStore()
 const versionName = ref('')
 const qqGroupQRShow = ref(false)
-const frontVersion = import.meta.env.VITE_APP_VERSION || '未知版本'
+const frontVersion = import.meta.env.VITE_APP_VERSION || 'unknown'
 
 onMounted(() => {
   get<Version>().then((res) => {
@@ -33,7 +33,6 @@ onMounted(() => {
 <template>
   <div class="pt-5">
     <div class="flex flex-col items-center justify-center">
-      <div>{{ frontVersion }}</div>
       <img :src="srcSvglogo" width="100" height="100" alt="">
       <div class="text-3xl font-semibold">
         {{ $t('common.appName') }}
@@ -93,6 +92,12 @@ onMounted(() => {
         </div>
       </div>
 
+      <div class="mt-5">
+        <NTag :bordered="false" size="small">
+          {{ $t("apps.about.frontVersionText") }}: FV-{{ frontVersion }}
+        </NTag>
+      </div>
+
       <RoundCardModal v-model:show="qqGroupQRShow" title="交流群二维码" style="width: 300px;">
         <div class="text-center">
           - 如果失效请返回联系作者 -

src/locales/en-US.json

@@ -46,6 +46,7 @@
       "checkUpdate": "Check for new version",
       "discussions": "Discussions:",
       "donate": "☕Donate",
+      "frontVersionText": "Front-end version number",
       "issue": "Feedback:",
       "viewUpdateLog": "Click here to view update log"
     },

src/locales/zh-CN.json

@@ -46,6 +46,7 @@
       "checkUpdate": "检查新版本",
       "discussions": "交流社区：",
       "donate": "🧧打赏",
+      "frontVersionText": "前端版本号",
       "issue": "建议反馈：",
       "viewUpdateLog": "点此查看更新说明"
     },