From 13af438026feeda79b3b2f020e17795286122100 Mon Sep 17 00:00:00 2001
From: ArneBo <arne@ecobasa.org>
Date: Mon, 6 Jan 2025 16:11:43 +0100
Subject: [PATCH] chore(front): remove deprecated dropdowns

---
 front/src/components/library/Albums.vue   | 6 ++----
 front/src/components/library/Artists.vue  | 6 ++----
 front/src/components/library/Podcasts.vue | 6 ++----
 front/src/views/playlists/List.vue        | 6 ++----
 4 files changed, 8 insertions(+), 16 deletions(-)

diff --git a/front/src/components/library/Albums.vue b/front/src/components/library/Albums.vue
index 3a7d79a02..ec48e3af6 100644
--- a/front/src/components/library/Albums.vue
+++ b/front/src/components/library/Albums.vue
@@ -119,8 +119,6 @@ onOrderingUpdate(() => {
   fetchData()
 })
 
-// onMounted(() => $('.ui.dropdown').dropdown())
-
 const { t } = useI18n()
 const labels = computed(() => ({
   searchPlaceholder: t('components.library.Albums.placeholder.search'),
@@ -169,7 +167,7 @@ const paginateOptions = computed(() => sortedUniq([12, 30, 50, paginateBy.value]
           :label="t('components.library.Albums.ordering.direction.label')"
           id="album-ordering-direction"
           v-model="orderingDirection"
-          class="ui dropdown"
+          class="dropdown"
         >
           <option value="+">
             {{ t('components.library.Albums.ordering.direction.ascending') }}
@@ -182,7 +180,7 @@ const paginateOptions = computed(() => sortedUniq([12, 30, 50, paginateBy.value]
           :label="t('components.library.Albums.pagination.results')"
           id="album-results"
           v-model="paginateBy"
-          class="ui dropdown"
+          class="dropdown"
         >
           <option
             v-for="opt in paginateOptions"
diff --git a/front/src/components/library/Artists.vue b/front/src/components/library/Artists.vue
index 4a5203671..bfa89d69e 100644
--- a/front/src/components/library/Artists.vue
+++ b/front/src/components/library/Artists.vue
@@ -121,8 +121,6 @@ onOrderingUpdate(() => {
   fetchData()
 })
 
-// onMounted(() => $('.ui.dropdown').dropdown())
-
 const { t } = useI18n()
 const labels = computed(() => ({
   searchPlaceholder: t('components.library.Artists.placeholder.search'),
@@ -173,7 +171,7 @@ const paginateOptions = computed(() => sortedUniq([12, 30, 50, paginateBy.value]
           :label="t('components.library.Artists.ordering.direction.label')"
           id="artist-ordering-direction"
           v-model="orderingDirection"
-          class="ui dropdown"
+          class="dropdown"
         >
           <option value="+">
             {{ t('components.library.Artists.ordering.direction.ascending') }}
@@ -186,7 +184,7 @@ const paginateOptions = computed(() => sortedUniq([12, 30, 50, paginateBy.value]
           :label="t('components.library.Artists.pagination.results')"
           id="artist-results"
           v-model="paginateBy"
-          class="ui dropdown"
+          class="dropdown"
         >
           <option
             v-for="opt in paginateOptions"
diff --git a/front/src/components/library/Podcasts.vue b/front/src/components/library/Podcasts.vue
index fe53c6e9e..3306c60a8 100644
--- a/front/src/components/library/Podcasts.vue
+++ b/front/src/components/library/Podcasts.vue
@@ -121,8 +121,6 @@ onOrderingUpdate(() => {
   fetchData()
 })
 
-// onMounted(() => $('.ui.dropdown').dropdown())
-
 const { t } = useI18n()
 const labels = computed(() => ({
   searchPlaceholder: t('components.library.Podcasts.placeholder.search'),
@@ -182,7 +180,7 @@ const isOpen = computed({
         :label="t('components.library.Podcasts.ordering.direction.label')"
         id="artist-ordering-direction"
         v-model="orderingDirection"
-        class="ui dropdown"
+        class="dropdown"
       >
         <option value="+">
           {{ t('components.library.Podcasts.ordering.direction.ascending') }}
@@ -195,7 +193,7 @@ const isOpen = computed({
         :label="t('components.library.Podcasts.pagination.results')"
         id="artist-results"
         v-model="paginateBy"
-        class="ui dropdown"
+        class="dropdown"
       >
         <option
           v-for="opt in paginateOptions"
diff --git a/front/src/views/playlists/List.vue b/front/src/views/playlists/List.vue
index b9001b3a0..95218e0ed 100644
--- a/front/src/views/playlists/List.vue
+++ b/front/src/views/playlists/List.vue
@@ -100,8 +100,6 @@ onOrderingUpdate(() => {
   fetchData()
 })
 
-// onMounted(() => $('.ui.dropdown').dropdown())
-
 const { t } = useI18n()
 const labels = computed(() => ({
   playlists: t('views.playlists.List.header.playlists'),
@@ -160,7 +158,7 @@ const paginateOptions = computed(() => sortedUniq([12, 30, 50, paginateBy.value]
         :label="t('views.playlists.List.ordering.direction.label')"
         id="playlists-ordering-direction"
         v-model="orderingDirection"
-        class="ui dropdown"
+        class="dropdown"
       >
         <option value="+">
           {{ t('views.playlists.List.ordering.direction.ascending') }}
@@ -173,7 +171,7 @@ const paginateOptions = computed(() => sortedUniq([12, 30, 50, paginateBy.value]
         :label="t('views.playlists.List.pagination.results')"
         id="playlist-results"
         v-model="paginateBy"
-        class="ui dropdown"
+        class="dropdown"
       >
         <option
           v-for="opt in paginateOptions"