From 3fc788ef950c1a4d5eb03b420e3953e62875bc08 Mon Sep 17 00:00:00 2001
From: MCMichinator <michi.tomaschko@gmail.com>
Date: Sun, 6 Apr 2025 18:53:04 +0200
Subject: [PATCH] =?UTF-8?q?B=C3=BCchersuche:=20Trefferanzahl=20anzeigen?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/buechersuche.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/pages/buechersuche.vue b/src/pages/buechersuche.vue
index f65c4a0..f0eddb6 100644
--- a/src/pages/buechersuche.vue
+++ b/src/pages/buechersuche.vue
@@ -75,7 +75,13 @@
     </VCol>
 
     <VCol cols="12" md="12">
-      <VCard class="mb-6" title="Gefundene Bücher:">
+      <VCard class="mb-6">
+        <!-- Trefferanzahl -->
+        <VCardTitle class="text-h5 px-6 pt-4 pb-2">
+          {{ resultCount }} {{ resultCount === 1 ? 'Buch' : 'Bücher' }} gefunden
+        </VCardTitle>
+        <VDivider class="my-2" />
+
         <VRow>
           <VCol v-for="book in filteredBooks" :key="book.id" sm="6" cols="12">
             <VCard>
@@ -123,6 +129,8 @@ const selectedCheckbox = ref([]);
 const fieberkurveValues = ref([4, 4, 4, 4, 4]);
 const fieberkurveRowFilter = ref([]);
 
+const resultCount = computed(() => filteredBooks.value.length)
+
 const filteredBooks = computed(() => {
   return books.filter((book) => {
     const matchesGenres =