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] 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">