From 0ae19e64f4f6dbe8d50077dc9dc95c363b3153fd Mon Sep 17 00:00:00 2001
From: jiwangyihao <jwyh@jwyihao.top>
Date: Fri, 6 Jun 2025 01:56:59 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E7=AB=99=E7=82=B9?=
 =?UTF-8?q?=E9=85=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app.config.ts   | 18 ++++++++++++++++++
 app.vue         | 20 +++++++++++++++++---
 index.d.ts      | 16 ++++++++++++++++
 pages/index.vue |  8 ++++++--
 4 files changed, 57 insertions(+), 5 deletions(-)
 create mode 100644 app.config.ts
 create mode 100644 index.d.ts

diff --git a/app.config.ts b/app.config.ts
new file mode 100644
index 0000000..d97b604
--- /dev/null
+++ b/app.config.ts
@@ -0,0 +1,18 @@
+export default defineAppConfig({
+  latestNews: {
+    title: "🎉社区吉祥物「星小火」",
+    link: "https://tai3.cn",
+  },
+  // 不设置 latestRelease 时，默认为构建时从 Gitee 获取的最新版本信息
+  // latestRelease: {
+  //     tag_name: "1.0.0",
+  //     created_at: "2024-11-01T00:00:00Z",
+  //     body: "Initial release of Spark Store.",
+  //     assets: [
+  //         {
+  //             name: "spark-store-1.0.0-amd64.deb",
+  //             browser_download_url: "https://example.com/spark-store-1.0.0-amd64.deb",
+  //         }
+  //     ],
+  // },
+});
diff --git a/app.vue b/app.vue
index 7a81bd2..8464cbc 100644
--- a/app.vue
+++ b/app.vue
@@ -2,6 +2,8 @@
 import ScrollPanel from "primevue/scrollpanel";
 import Button from "primevue/button";
 
+const appConfig = useAppConfig();
+
 const path = computed(() => {
   return useRoute().path;
 });
@@ -176,9 +178,21 @@ export interface Release {
   body: string;
 }
 
-const { data: latestRelease }: { data: Ref<Release> } = await useFetch(
-  "https://gitee.com/api/v5/repos/spark-store-project/spark-store/releases/latest"
-);
+const latestRelease: Ref<Release> = ref({
+  assets: [],
+  tag_name: "",
+  created_at: "",
+  body: "",
+});
+
+if (appConfig.latestRelease) {
+  latestRelease.value = appConfig.latestRelease as Release;
+} else {
+  const { data: data }: { data: Ref<Release> } = await useFetch(
+    "https://gitee.com/api/v5/repos/spark-store-project/spark-store/releases/latest"
+  );
+  latestRelease.value = data.value;
+}
 
 provide("latestRelease", latestRelease);
 </script>
diff --git a/index.d.ts b/index.d.ts
new file mode 100644
index 0000000..6b35212
--- /dev/null
+++ b/index.d.ts
@@ -0,0 +1,16 @@
+import type { Release } from "./app.vue";
+
+declare module "nuxt/schema" {
+  interface AppConfigInput {
+    latestRelease?: Release;
+    latestNews: {
+      title: string;
+      link: string;
+    };
+  }
+
+  type AppConfig = AppConfigInput;
+}
+
+// It is always important to ensure you import/export something when augmenting a type
+export {};
diff --git a/pages/index.vue b/pages/index.vue
index dbb8d45..f3c2241 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,6 +1,8 @@
 <script setup lang="ts">
 import type { Release } from "~/app.vue";
 
+const appConfig = useAppConfig();
+
 const scrollPanel = inject<Ref<ComponentPublicInstance>>("scrollPanel");
 const sProgress = ref(0);
 
@@ -154,8 +156,10 @@ const latestRelease = inject<Ref<Release>>("latestRelease");
           <p>适用于 Debian 社区和其他 Linux 发行版的社区应用商店；</p>
           <p>从社区中来，到社区中去，聚星星之火，成燎原之势。</p>
           <p class="text-lg font-bold text-black dark:text-surface-100">
-            🎉社区吉祥物「星小火」
-            <a href="https://tai3.cn" class="text-secondary-600">了解更多 →</a>
+            {{ appConfig.latestNews.title }}
+            <a :href="appConfig.latestNews.link" class="text-secondary-600"
+              >了解更多 →</a
+            >
           </p>
         </div>
         <div class="flex gap-4">