From 6f4cde6ba3d861a1a57a63e34d81a55de171f50c Mon Sep 17 00:00:00 2001
From: opensnail <598092184@qq.com>
Date: Thu, 23 May 2024 09:15:00 +0800
Subject: [PATCH] =?UTF-8?q?feat(sj=5F1.0.0):=20=E4=BC=98=E5=8C=96=E5=85=B3?=
 =?UTF-8?q?=E4=BA=8E=E4=B8=9A=E5=8A=A1=E7=9A=84=E9=93=BE=E6=8E=A5404?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env                      |  2 +-
 package.json              |  2 +-
 src/views/about/index.vue | 55 +++++++++++++++++++++------------------
 3 files changed, 31 insertions(+), 28 deletions(-)

diff --git a/.env b/.env
index 0fcc732..e1dbf3f 100644
--- a/.env
+++ b/.env
@@ -2,7 +2,7 @@ VITE_APP_TITLE=Snail Job
 
 VITE_APP_DESC=A flexible, reliable, and fast platform for distributed task retry and distributed task scheduling.
 
-VITE_APP_VERSION=3.1.0
+VITE_APP_VERSION=1.0.0-beta2
 
 # the prefix of the icon name
 VITE_ICON_PREFIX=icon
diff --git a/package.json b/package.json
index 2e4c9b7..1b7fb10 100644
--- a/package.json
+++ b/package.json
@@ -112,5 +112,5 @@
     "*": "eslint --fix"
   },
   "officialWebsite": "https://snailjob.opensnail.com",
-  "website": "https://snailjob.opensnail.com/pages/78ba75/"
+  "website": "https://snailjob.opensnail.com/docs/preview.html"
 }
diff --git a/src/views/about/index.vue b/src/views/about/index.vue
index ecbec7f..de13cee 100644
--- a/src/views/about/index.vue
+++ b/src/views/about/index.vue
@@ -1,41 +1,44 @@
 <script setup lang="ts">
-import { computed } from 'vue';
+import { computed, ref } from 'vue';
 import { $t } from '@/locales';
 import { useAppStore } from '@/store/modules/app';
 import pkg from '~/package.json';
+import { localStg } from '@/utils/storage';
 
 const appStore = useAppStore();
 
 const column = computed(() => (appStore.isMobile ? 1 : 2));
 
-interface PkgJson {
-  name: string;
-  version: string;
-  dependencies: PkgVersionInfo[];
-  devDependencies: PkgVersionInfo[];
-}
+// interface PkgJson {
+//   name: string;
+//   dependencies: PkgVersionInfo[];
+//   devDependencies: PkgVersionInfo[];
+// }
 
-interface PkgVersionInfo {
-  name: string;
-  version: string;
-}
+// interface PkgVersionInfo {
+//   name: string;
+//   version: string;
+// }
 
-const { name, version, dependencies, devDependencies } = pkg;
+const { VITE_APP_VERSION } = import.meta.env;
 
-function transformVersionData(tuple: [string, string]): PkgVersionInfo {
-  const [$name, $version] = tuple;
-  return {
-    name: $name,
-    version: $version
-  };
-}
+// const { name, dependencies, devDependencies } = pkg;
+//
+// function transformVersionData(tuple: [string, string]): PkgVersionInfo {
+//   const [$name, $version] = tuple;
+//   return {
+//     name: $name,
+//     version: $version
+//   };
+// }
 
-const pkgJson: PkgJson = {
-  name,
-  version,
-  dependencies: Object.entries(dependencies).map(item => transformVersionData(item)),
-  devDependencies: Object.entries(devDependencies).map(item => transformVersionData(item))
-};
+const version = ref<string>(`${localStg.get('version') || VITE_APP_VERSION}`);
+
+// const pkgJson: PkgJson = {
+//   name,
+//   dependencies: Object.entries(dependencies).map(item => transformVersionData(item)),
+//   devDependencies: Object.entries(devDependencies).map(item => transformVersionData(item))
+// };
 
 const latestBuildTime = BUILD_TIME;
 </script>
@@ -53,7 +56,7 @@ const latestBuildTime = BUILD_TIME;
           </a>
         </NDescriptionsItem>
         <NDescriptionsItem :label="$t('page.about.projectInfo.version')">
-          <NTag type="primary">{{ pkgJson.version }}</NTag>
+          <NTag type="primary">{{ version }}</NTag>
         </NDescriptionsItem>
         <NDescriptionsItem :label="$t('page.about.projectInfo.githubLink')">
           <a class="text-primary" :href="pkg.repository.githubUrl" target="_blank" rel="noopener noreferrer">