添加主页功能，支持加载和展示首页数据，包括链接和推荐应用列表

src/components/HomeView.vue

@@ -0,0 +1,85 @@
+<template>
+  <div class="space-y-6">
+    <div v-if="loading" class="text-center text-slate-500">正在加载首页内容…</div>
+    <div v-else-if="error" class="text-center text-rose-600">{{ error }}</div>
+    <div v-else>
+      <div class="grid gap-4 auto-fit-grid">
+        <a
+          v-for="link in links"
+          :key="link.url + link.name"
+          :href="link.type === '_blank' ? undefined : link.url"
+          @click.prevent="onLinkClick(link)"
+          class="flex flex-col items-start gap-2 rounded-2xl border border-slate-200/70 bg-white/90 p-4 shadow-sm hover:shadow-lg transition"
+          :title="link.more"
+        >
+          <img :src="computedImgUrl(link.imgUrl)" class="h-20 w-full object-contain" />
+          <div class="text-base font-semibold text-slate-900">{{ link.name }}</div>
+          <div class="text-sm text-slate-500">{{ link.more }}</div>
+        </a>
+      </div>
+
+      <div class="space-y-6 mt-6">
+        <section v-for="section in lists" :key="section.title">
+          <div class="flex items-center justify-between">
+            <h3 class="text-lg font-semibold text-slate-900">{{ section.title }}</h3>
+          </div>
+          <div class="mt-3 grid gap-4 auto-fit-grid">
+            <AppCard
+              v-for="app in section.apps"
+              :key="app.pkgname"
+              :app="app"
+              @open-detail="$emit('open-detail', $event)"
+            />
+          </div>
+        </section>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import AppCard from "./AppCard.vue";
+import { APM_STORE_BASE_URL } from "../global/storeConfig";
+
+const props = defineProps<{
+  links: Array<any>;
+  lists: Array<{ title: string; apps: any[] }>;
+  loading: boolean;
+  error: string;
+}>();
+
+const emit = defineEmits<{
+  (e: "open-detail", app: any): void;
+}>();
+
+const computedImgUrl = (imgUrl: string) => {
+  if (!imgUrl) return "";
+  // imgUrl is like /home/links/bbs.png -> join with base
+  return `${APM_STORE_BASE_URL}/${window.apm_store.arch}${imgUrl}`;
+};
+
+const onLinkClick = (link: any) => {
+  if (link.type === "_blank") {
+    window.open(link.url, "_blank");
+  } else {
+    // open in same page: navigate to url
+    window.location.href = link.url;
+  }
+};
+</script>
+
+<style scoped></style>
+
+<style scoped>
+.auto-fit-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+}
+
+/* slight gap tuning for small screens */
+@media (max-width: 640px) {
+  .auto-fit-grid {
+    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
+  }
+}
+</style>