From 0e6d2c93a66c36d6c890295ffa0ca07b599367ce Mon Sep 17 00:00:00 2001
From: hsiegeln <37154749+hsiegeln@users.noreply.github.com>
Date: Tue, 21 Apr 2026 23:34:57 +0200
Subject: [PATCH] feat(shopping): Header-Badge mit Einkaufswagen-Icon

---
 src/routes/+layout.svelte | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index c4a08a3..565ebe2 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -9,10 +9,12 @@
     Menu,
     BookOpen,
     ArrowLeft,
-    Camera
+    Camera,
+    ShoppingCart
   } from 'lucide-svelte';
   import { profileStore } from '$lib/client/profile.svelte';
   import { wishlistStore } from '$lib/client/wishlist.svelte';
+  import { shoppingCartStore } from '$lib/client/shopping-cart.svelte';
   import { pwaStore } from '$lib/client/pwa.svelte';
   import { searchFilterStore } from '$lib/client/search-filter.svelte';
   import ProfileSwitcher from '$lib/components/ProfileSwitcher.svelte';
@@ -96,11 +98,13 @@
     // auf einem anderen Gerät oder in einem anderen Tab etwas geändert
     // wurde.
     void wishlistStore.refresh();
+    void shoppingCartStore.refresh();
   });
 
   onMount(() => {
     profileStore.load();
     void wishlistStore.refresh();
+    void shoppingCartStore.refresh();
     void searchFilterStore.load();
     void pwaStore.init();
     network.init();
@@ -268,6 +272,16 @@
           <span class="badge">{wishlistStore.count}</span>
         {/if}
       </a>
+      {#if shoppingCartStore.uncheckedCount > 0}
+        <a
+          href="/shopping-list"
+          class="nav-link shopping-link"
+          aria-label={`Einkaufsliste (${shoppingCartStore.uncheckedCount})`}
+        >
+          <ShoppingCart size={20} strokeWidth={2} />
+          <span class="badge">{shoppingCartStore.uncheckedCount}</span>
+        </a>
+      {/if}
       <div class="menu-wrap" bind:this={menuContainer}>
         <button
           class="nav-link"