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>