feat: 添加站点配置

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",
+  //         }
+  //     ],
+  // },
+});

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(
+const latestRelease: Ref<Release> = ref({
-  "https://gitee.com/api/v5/repos/spark-store-project/spark-store/releases/latest"
+  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>

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 {};

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">
-            🎉社区吉祥物「星小火」
+            {{ appConfig.latestNews.title }}
-            <a href="https://tai3.cn" class="text-secondary-600">了解更多 →</a>
+            <a :href="appConfig.latestNews.link" class="text-secondary-600"
+              >了解更多 →</a
+            >
           </p>
         </div>
         <div class="flex gap-4">