update:添加apm与普通商店双支持

src/components/AppCard.vue

@@ -17,10 +17,22 @@
       />
     </div>
     <div class="flex flex-1 flex-col gap-1 overflow-hidden">
-      <div
-        class="truncate text-base font-semibold text-slate-900 dark:text-white"
-      >
-        {{ app.name || "" }}
+      <div class="flex items-center gap-2">
+        <div
+          class="truncate text-base font-semibold text-slate-900 dark:text-white"
+        >
+          {{ app.name || "" }}
+        </div>
+        <span
+          :class="[
+            'rounded-md px-1.5 py-0.5 text-[10px] font-bold uppercase tracking-wider shadow-sm',
+            app.origin === 'spark'
+              ? 'bg-orange-100 text-orange-600 dark:bg-orange-900/30 dark:text-orange-400'
+              : 'bg-blue-100 text-blue-600 dark:bg-blue-900/30 dark:text-blue-400',
+          ]"
+        >
+          {{ app.origin === "spark" ? "Spark" : "APM" }}
+        </span>
       </div>
       <div class="text-sm text-slate-500 dark:text-slate-400">
         {{ app.pkgname || "" }} · {{ app.version || "" }}
@@ -52,7 +64,12 @@ const loadedIcon = ref(
 );
 
 const iconPath = computed(() => {
-  return `${APM_STORE_BASE_URL}/${window.apm_store.arch}/${props.app.category}/${props.app.pkgname}/icon.png`;
+  const arch = window.apm_store.arch || "amd64-apm";
+  const finalArch =
+    props.app.origin === "spark"
+      ? arch.replace("-apm", "-store")
+      : arch.replace("-store", "-apm");
+  return `${APM_STORE_BASE_URL}/${finalArch}/${props.app.category}/${props.app.pkgname}/icon.png`;
 });
 
 const description = computed(() => {