From d7302808763a027ab04cb1be64e9332e8eaf406c Mon Sep 17 00:00:00 2001
From: TobiZog <developer@zoghaib.de>
Date: Sun, 31 Aug 2025 11:47:56 +0200
Subject: [PATCH] Bugfix: Filter on band page changes visible bands on home
 page

---
 src/pages/bands/bandsPage/index.vue | 4 ++--
 src/stores/band.store.ts            | 7 ++++++-
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/pages/bands/bandsPage/index.vue b/src/pages/bands/bandsPage/index.vue
index c74f2c7..8615199 100644
--- a/src/pages/bands/bandsPage/index.vue
+++ b/src/pages/bands/bandsPage/index.vue
@@ -39,8 +39,8 @@ watch(() => router.currentRoute.value.query, () => {
         </v-row>
 
         <v-row
-          v-else-if="bandStore.bands.length > 0"
-          v-for="band in bandStore.bands"
+          v-else-if="bandStore.filteredBands.length > 0"
+          v-for="band in bandStore.filteredBands"
         >
           <v-col>
             <band-list-item
diff --git a/src/stores/band.store.ts b/src/stores/band.store.ts
index 60449a9..7b498fa 100644
--- a/src/stores/band.store.ts
+++ b/src/stores/band.store.ts
@@ -12,6 +12,9 @@ export const useBandStore = defineStore("bandStore", {
     /** All available bands */
     bands: ref<Array<BandApiModel>>([]),
 
+    /** Available bands filtered by parameters */
+    filteredBands: ref<Array<BandApiModel>>([]),
+
     /** All information about a single band */
     band: ref<BandDetailsApiModel>(new BandDetailsApiModel()),
 
@@ -32,7 +35,9 @@ export const useBandStore = defineStore("bandStore", {
 
       await fetchAllBands()
         .then(result => {
-          this.bands = result.data.filter((band: BandApiModel) => {
+          this.bands = result.data
+
+          this.filteredBands = result.data.filter((band: BandApiModel) => {
             if (genreStore.genre == null) {
               return true
             }