From ac1f8376330675a0df7c05b0ef3bae4ef55235bf Mon Sep 17 00:00:00 2001
From: auooru <auooru@outlook.com>
Date: Wed, 19 Jun 2024 11:47:51 +0800
Subject: [PATCH] optimize(projects): optimize about page import package.json

---
 src/views/about/index.vue | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/views/about/index.vue b/src/views/about/index.vue
index 2812fbb1..946dd8c5 100644
--- a/src/views/about/index.vue
+++ b/src/views/about/index.vue
@@ -2,7 +2,7 @@
 import { computed } from 'vue';
 import { $t } from '@/locales';
 import { useAppStore } from '@/store/modules/app';
-import pkg from '~/package.json';
+import { dependencies, devDependencies, homepage, name, version, website } from '~/package.json';
 
 const appStore = useAppStore();
 
@@ -20,8 +20,6 @@ interface PkgVersionInfo {
   version: string;
 }
 
-const { name, version, dependencies, devDependencies } = pkg;
-
 function transformVersionData(tuple: [string, string]): PkgVersionInfo {
   const [$name, $version] = tuple;
   return {
@@ -54,12 +52,12 @@ const latestBuildTime = BUILD_TIME;
           <NTag type="primary">{{ latestBuildTime }}</NTag>
         </NDescriptionsItem>
         <NDescriptionsItem :label="$t('page.about.projectInfo.githubLink')">
-          <a class="text-primary" :href="pkg.homepage" target="_blank" rel="noopener noreferrer">
+          <a class="text-primary" :href="homepage" target="_blank" rel="noopener noreferrer">
             {{ $t('page.about.projectInfo.githubLink') }}
           </a>
         </NDescriptionsItem>
         <NDescriptionsItem :label="$t('page.about.projectInfo.previewLink')">
-          <a class="text-primary" :href="pkg.website" target="_blank" rel="noopener noreferrer">
+          <a class="text-primary" :href="website" target="_blank" rel="noopener noreferrer">
             {{ $t('page.about.projectInfo.previewLink') }}
           </a>
         </NDescriptionsItem>