From 6f6cbbcd4b001e040071ffd8ecc68738374ab83b Mon Sep 17 00:00:00 2001
From: ArneBo <arne@ecobasa.org>
Date: Thu, 20 Feb 2025 16:10:48 +0100
Subject: [PATCH] refactor(front): [WIP] tags in pills component

---
 front/src/components/library/Albums.vue   | 10 +++++-----
 front/src/components/library/Artists.vue  |  4 ++--
 front/src/components/library/Podcasts.vue |  4 ++--
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/front/src/components/library/Albums.vue b/front/src/components/library/Albums.vue
index f5888610c..f706ee2e4 100644
--- a/front/src/components/library/Albums.vue
+++ b/front/src/components/library/Albums.vue
@@ -49,10 +49,10 @@ const page = usePage()
 
 const tags = useRouteQuery<string[]>('tag', [])
 
-const tagList = computed(() => ({
-  others: tags.value,
-  custom: []
-}))
+const tagList = ref({
+  current: [],
+  others: tags.value
+})
 
 const q = useRouteQuery('query', '')
 const query = ref(q.value ?? '')
@@ -225,7 +225,7 @@ const paginateOptions = computed(() => sortedUniq([12, 30, 50, paginateBy.value]
       stack
       v-else-if="result && result.results.length === 0"
     >
-      <Alert yellow>
+      <Alert blue>
         <i class="bi bi-disc" />
         {{ t('components.library.Albums.empty.noResults') }}
       </Alert>
diff --git a/front/src/components/library/Artists.vue b/front/src/components/library/Artists.vue
index 57593ae75..1e2132125 100644
--- a/front/src/components/library/Artists.vue
+++ b/front/src/components/library/Artists.vue
@@ -49,8 +49,8 @@ const page = usePage()
 const tags = useRouteQuery<string[]>('tag', [])
 
 const tagList = computed(() => ({
-  others: tags.value,
-  custom: []
+  current: [],
+  others: tags.value
 }))
 
 const q = useRouteQuery('query', '')
diff --git a/front/src/components/library/Podcasts.vue b/front/src/components/library/Podcasts.vue
index 0250a2e67..3b7ac81ec 100644
--- a/front/src/components/library/Podcasts.vue
+++ b/front/src/components/library/Podcasts.vue
@@ -51,8 +51,8 @@ const page = usePage()
 const tags = useRouteQuery<string[]>('tag', [])
 
 const tagList = computed(() => ({
-  others: tags.value,
-  custom: []
+  current: [],
+  others: tags.value
 }))
 
 const q = useRouteQuery('query', '')