build(projects): 细节调整

src/views/about/components/DevDependency.vue

@@ -9,7 +9,7 @@
 </template>
 
 <script setup lang="ts">
-import { pkgJson } from '../model';
+import { pkgJson } from './model';
 
 const { devDependencies } = pkgJson;
 </script>

src/views/about/components/ProDependency.vue

@@ -9,7 +9,7 @@
 </template>
 
 <script setup lang="ts">
-import { pkgJson } from '../model';
+import { pkgJson } from './model';
 
 const { dependencies } = pkgJson;
 </script>

src/views/about/components/ProjectInfo.vue

@@ -18,7 +18,7 @@
 </template>
 
 <script setup lang="ts">
-import { pkgJson } from '../model';
+import { pkgJson } from './model';
 
 const { version } = pkgJson;
 const latestBuildTime = PROJECT_BUILD_TIME;

src/views/about/components/model.ts

@@ -0,0 +1,39 @@
+import pkg from '~/package.json';
+
+/** npm依赖包版本信息 */
+export interface PkgVersionInfo {
+  name: string;
+  version: string;
+}
+
+interface Package {
+  name: string;
+  version: string;
+  dependencies: Record<string, string>;
+  devDependencies: Record<string, string>;
+  [key: string]: any;
+}
+
+interface PkgJson {
+  name: string;
+  version: string;
+  dependencies: PkgVersionInfo[];
+  devDependencies: PkgVersionInfo[];
+}
+
+const pkgWithType = pkg as Package;
+
+function transformVersionData(tuple: [string, string]): PkgVersionInfo {
+  const [name, version] = tuple;
+  return {
+    name,
+    version
+  };
+}
+
+export const pkgJson: PkgJson = {
+  name: pkgWithType.name,
+  version: pkgWithType.version,
+  dependencies: Object.entries(pkgWithType.dependencies).map(item => transformVersionData(item)),
+  devDependencies: Object.entries(pkgWithType.devDependencies).map(item => transformVersionData(item))
+};