From 59559847ac5ccdebe8b3bc95384e8a21868ca0b1 Mon Sep 17 00:00:00 2001
From: Alain Nussbaumer <alain.nussbaumer@alleluia.ch>
Date: Sun, 16 Feb 2025 15:29:19 +0100
Subject: [PATCH] [web] Use kebab style case for tags

---
 web-src/src/pages/PageArtistSpotify.vue         | 4 ++--
 web-src/src/pages/PagePlaylistTracksSpotify.vue | 4 ++--
 web-src/src/pages/PageSearchSpotify.vue         | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/web-src/src/pages/PageArtistSpotify.vue b/web-src/src/pages/PageArtistSpotify.vue
index 19eaba16..d8d23961 100644
--- a/web-src/src/pages/PageArtistSpotify.vue
+++ b/web-src/src/pages/PageArtistSpotify.vue
@@ -24,7 +24,7 @@
       </template>
       <template #content>
         <list-albums-spotify :items="albums" />
-        <VueEternalLoading v-if="offset < total" :load="load_next">
+        <vue-eternal-loading v-if="offset < total" :load="load_next">
           <template #loading>
             <div class="columns is-centered">
               <div class="column has-text-centered">
@@ -38,7 +38,7 @@
           <template #no-results>
             <br />
           </template>
-        </VueEternalLoading>
+        </vue-eternal-loading>
         <modal-dialog-artist-spotify
           :item="artist"
           :show="show_details_modal"
diff --git a/web-src/src/pages/PagePlaylistTracksSpotify.vue b/web-src/src/pages/PagePlaylistTracksSpotify.vue
index c7002b14..e401f82d 100644
--- a/web-src/src/pages/PagePlaylistTracksSpotify.vue
+++ b/web-src/src/pages/PagePlaylistTracksSpotify.vue
@@ -26,7 +26,7 @@
       </template>
       <template #content>
         <list-tracks-spotify :items="tracks" :context_uri="playlist.uri" />
-        <VueEternalLoading v-if="offset < total" :load="load_next">
+        <vue-eternal-loading v-if="offset < total" :load="load_next">
           <template #loading>
             <div class="columns is-centered">
               <div class="column has-text-centered">
@@ -37,7 +37,7 @@
           <template #no-more>
             <br />
           </template>
-        </VueEternalLoading>
+        </vue-eternal-loading>
         <modal-dialog-playlist-spotify
           :item="playlist"
           :show="show_playlist_details_modal"
diff --git a/web-src/src/pages/PageSearchSpotify.vue b/web-src/src/pages/PageSearchSpotify.vue
index 8864e2e2..a1db9c4a 100644
--- a/web-src/src/pages/PageSearchSpotify.vue
+++ b/web-src/src/pages/PageSearchSpotify.vue
@@ -38,7 +38,7 @@
       </template>
       <template #content>
         <component :is="components[type]" :items="items.items" />
-        <VueEternalLoading v-if="expanded" :load="search_next">
+        <vue-eternal-loading v-if="expanded" :load="search_next">
           <template #loading>
             <div class="columns is-centered">
               <div class="column has-text-centered">
@@ -49,7 +49,7 @@
           <template #no-more>
             <br />
           </template>
-        </VueEternalLoading>
+        </vue-eternal-loading>
       </template>
       <template v-if="!expanded" #footer>
         <nav v-if="show_all_button(items)" class="level">