From 57a5b85ff3c024d99c5e3e76ffa1c0f63ab18a33 Mon Sep 17 00:00:00 2001
From: Kasper Seweryn <github@wvffle.net>
Date: Wed, 7 Sep 2022 09:03:38 +0000
Subject: [PATCH] Fix search by text

---
 changes/changelog.d/1975.bugfix           | 1 +
 front/src/components/library/Albums.vue   | 2 +-
 front/src/components/library/Artists.vue  | 2 +-
 front/src/components/library/Podcasts.vue | 2 +-
 front/src/components/library/Radios.vue   | 2 +-
 front/src/views/playlists/List.vue        | 2 +-
 6 files changed, 6 insertions(+), 5 deletions(-)
 create mode 100644 changes/changelog.d/1975.bugfix

diff --git a/changes/changelog.d/1975.bugfix b/changes/changelog.d/1975.bugfix
new file mode 100644
index 000000000..11d00ce66
--- /dev/null
+++ b/changes/changelog.d/1975.bugfix
@@ -0,0 +1 @@
+Fix search by text in affected views (#1858)
diff --git a/front/src/components/library/Albums.vue b/front/src/components/library/Albums.vue
index 4865bf74c..43df74a74 100644
--- a/front/src/components/library/Albums.vue
+++ b/front/src/components/library/Albums.vue
@@ -94,7 +94,7 @@ const fetchData = async () => {
 
 const store = useStore()
 watch(() => store.state.moderation.lastUpdate, fetchData)
-watch([page, tags], fetchData)
+watch([page, tags, q], fetchData)
 fetchData()
 
 const search = () => {
diff --git a/front/src/components/library/Artists.vue b/front/src/components/library/Artists.vue
index 19891ab20..1b2ec8f39 100644
--- a/front/src/components/library/Artists.vue
+++ b/front/src/components/library/Artists.vue
@@ -95,7 +95,7 @@ const fetchData = async () => {
 
 const store = useStore()
 watch([() => store.state.moderation.lastUpdate, excludeCompilation], fetchData)
-watch([page, tags], fetchData)
+watch([page, tags, q], fetchData)
 fetchData()
 
 const search = () => {
diff --git a/front/src/components/library/Podcasts.vue b/front/src/components/library/Podcasts.vue
index 07fa7f375..0f33471fa 100644
--- a/front/src/components/library/Podcasts.vue
+++ b/front/src/components/library/Podcasts.vue
@@ -96,7 +96,7 @@ const fetchData = async () => {
 
 const store = useStore()
 watch(() => store.state.moderation.lastUpdate, fetchData)
-watch([page, tags], fetchData)
+watch([page, tags, q], fetchData)
 fetchData()
 
 const search = () => {
diff --git a/front/src/components/library/Radios.vue b/front/src/components/library/Radios.vue
index f193f1fd9..ca57b7c51 100644
--- a/front/src/components/library/Radios.vue
+++ b/front/src/components/library/Radios.vue
@@ -84,7 +84,7 @@ const store = useStore()
 const isAuthenticated = computed(() => store.state.auth.authenticated)
 const hasFavorites = computed(() => store.state.favorites.count > 0)
 
-watch(page, fetchData)
+watch([page, q], fetchData)
 fetchData()
 
 const search = () => {
diff --git a/front/src/views/playlists/List.vue b/front/src/views/playlists/List.vue
index d83b19a30..f6c4292eb 100644
--- a/front/src/views/playlists/List.vue
+++ b/front/src/views/playlists/List.vue
@@ -80,7 +80,7 @@ const fetchData = async () => {
     isLoading.value = false
   }
 }
-watch(page, fetchData)
+watch([page, q], fetchData)
 fetchData()
 
 const search = () => {