From a5c13d8c23fa2a30f933fed451746a285a596519 Mon Sep 17 00:00:00 2001
From: Flupsi <upsiflu@gmail.com>
Date: Thu, 5 Jun 2025 17:58:00 +0200
Subject: [PATCH] fix(tags): hide tags until `useRouteQuery` is fully loaded
 #2448 #2390

---
 front/src/components/library/Albums.vue   | 1 +
 front/src/components/library/Artists.vue  | 1 +
 front/src/components/library/Podcasts.vue | 1 +
 front/src/views/channels/List.vue         | 1 +
 4 files changed, 4 insertions(+)

diff --git a/front/src/components/library/Albums.vue b/front/src/components/library/Albums.vue
index c1faadde5..6ba62effe 100644
--- a/front/src/components/library/Albums.vue
+++ b/front/src/components/library/Albums.vue
@@ -150,6 +150,7 @@ const paginateOptions = computed(() => sortedUniq([12, 30, 50, paginateBy.value]
         :placeholder="labels.searchPlaceholder"
       />
       <Pills
+        v-if="typeof tags === 'object'"
         :get="model => { tags = model.currents.map(({ label }) => label) }"
         :set="model => ({
           ...model,
diff --git a/front/src/components/library/Artists.vue b/front/src/components/library/Artists.vue
index 865502792..f92672017 100644
--- a/front/src/components/library/Artists.vue
+++ b/front/src/components/library/Artists.vue
@@ -150,6 +150,7 @@ const paginateOptions = computed(() => sortedUniq([12, 30, 50, paginateBy.value]
         :placeholder="labels.searchPlaceholder"
       />
       <Pills
+        v-if="typeof tags === 'object'"
         :get="model => { tags = model.currents.map(({ label }) => label) }"
         :set="model => ({
           ...model,
diff --git a/front/src/components/library/Podcasts.vue b/front/src/components/library/Podcasts.vue
index 41ab3fa17..824d2fe27 100644
--- a/front/src/components/library/Podcasts.vue
+++ b/front/src/components/library/Podcasts.vue
@@ -176,6 +176,7 @@ const { to: upload } = useModal('upload')
         :placeholder="labels.searchPlaceholder"
       />
       <Pills
+        v-if="typeof tags === 'object'"
         :get="model => { tags = model.currents.map(({ label }) => label) }"
         :set="model => ({
           ...model,
diff --git a/front/src/views/channels/List.vue b/front/src/views/channels/List.vue
index 7782f7215..a2c4ab735 100644
--- a/front/src/views/channels/List.vue
+++ b/front/src/views/channels/List.vue
@@ -234,6 +234,7 @@ const showCreateModal = ref(false)
         :placeholder="labels.searchPlaceholder"
       />
       <Pills
+        v-if="typeof tags === 'object'"
         :get="model => { tags = model.currents.map(({ label }) => label) }"
         :set="model => ({
           ...model,