From fafe35732913c736bc5e3eaeda0cdb1328ac7889 Mon Sep 17 00:00:00 2001
From: Dorian <dorian@Dorians-MacBook-Air.local>
Date: Tue, 17 Mar 2026 02:15:05 +0000
Subject: [PATCH] fix: show one product per category on home (4 total)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/views/HomeView.vue | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index a425a30..06789a8 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -15,8 +15,17 @@ const categories = computed(() => {
   return Array.from(cats).sort()
 })
 
+const onePerCategory = computed(() => {
+  const seen = new Set<string>()
+  return products.value.filter((p) => {
+    if (seen.has(p.category)) return false
+    seen.add(p.category)
+    return true
+  })
+})
+
 const filtered = computed(() => {
-  if (!activeCategory.value) return products.value
+  if (!activeCategory.value) return onePerCategory.value
   return products.value.filter((p) => p.category === activeCategory.value)
 })