From 006be921806e8315ccc4010aa8df62763b8c1448 Mon Sep 17 00:00:00 2001
From: AquaticLava <signs.some@gmail.com>
Date: Tue, 26 Jul 2022 17:49:43 -0600
Subject: [PATCH 1/2] Fixes  #1234

---
 vue/src/apps/ShoppingListView/ShoppingListView.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/vue/src/apps/ShoppingListView/ShoppingListView.vue b/vue/src/apps/ShoppingListView/ShoppingListView.vue
index 94ceaf408..ec2c70bd4 100644
--- a/vue/src/apps/ShoppingListView/ShoppingListView.vue
+++ b/vue/src/apps/ShoppingListView/ShoppingListView.vue
@@ -33,7 +33,7 @@
                 <template #title>
                     <b-spinner v-if="loading" type="border" small class="d-inline-block"></b-spinner>
                     <i v-if="!loading" class="fas fa-shopping-cart fa-fw d-inline-block d-md-none"></i>
-                    <span class="d-none d-md-inline-block">{{ $t('Shopping_list') }}</span>
+                    <span class="d-none d-md-inline-block">{{ $t('Shopping_list') + ` (${items.length})`}}</span>
                 </template>
                 <div class="container p-0 p-md-3" id="shoppinglist">
                     <div class="row">
@@ -177,7 +177,7 @@
             <b-tab :title="$t('Recipes')">
                 <template #title>
                     <i class="fas fa-book fa-fw d-block d-md-none"></i>
-                    <span class="d-none d-md-block">{{ $t('Recipes') }}</span>
+                    <span class="d-none d-md-block">{{ $t('Recipes') + ` (${Recipes.length})`}}</span>
                 </template>
                 <div class="container p-0">
                     <div class="row">
@@ -258,7 +258,7 @@
             <b-tab>
                 <template #title>
                     <i class="fas fa-store-alt fa-fw d-block d-md-none"></i>
-                    <span class="d-none d-md-block">{{ $t('Supermarkets') }}</span>
+                    <span class="d-none d-md-block">{{ $t('Supermarkets') + ` (${supermarkets.length})`}}</span>
                 </template>
                 <div class="container p-0">
                     <div class="row">

From eedce4dcfd6973bcdf18704b138001ded96a5c8d Mon Sep 17 00:00:00 2001
From: AquaticLava <signs.some@gmail.com>
Date: Wed, 27 Jul 2022 21:03:21 -0600
Subject: [PATCH 2/2] fixes shopping list number showing completed items

---
 vue/src/apps/ShoppingListView/ShoppingListView.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/vue/src/apps/ShoppingListView/ShoppingListView.vue b/vue/src/apps/ShoppingListView/ShoppingListView.vue
index ec2c70bd4..94dc01fd7 100644
--- a/vue/src/apps/ShoppingListView/ShoppingListView.vue
+++ b/vue/src/apps/ShoppingListView/ShoppingListView.vue
@@ -33,7 +33,7 @@
                 <template #title>
                     <b-spinner v-if="loading" type="border" small class="d-inline-block"></b-spinner>
                     <i v-if="!loading" class="fas fa-shopping-cart fa-fw d-inline-block d-md-none"></i>
-                    <span class="d-none d-md-inline-block">{{ $t('Shopping_list') + ` (${items.length})`}}</span>
+                    <span class="d-none d-md-inline-block">{{ $t('Shopping_list') + ` (${items.filter(x => x.checked === false).length})`}}</span>
                 </template>
                 <div class="container p-0 p-md-3" id="shoppinglist">
                     <div class="row">