From 5db55f66c1507b06da229447c89c7944ba9919ce Mon Sep 17 00:00:00 2001
From: Alain Nussbaumer <alain.nussbaumer@alleluia.ch>
Date: Fri, 26 Apr 2024 23:26:56 +0200
Subject: [PATCH] [web] Enforce single line HTML elements

---
 web-src/eslint.config.js                        | 3 +--
 web-src/src/pages/PageArtistSpotify.vue         | 4 +++-
 web-src/src/pages/PagePlaylistTracksSpotify.vue | 4 +++-
 web-src/src/pages/PagePodcast.vue               | 4 +++-
 web-src/src/pages/PageSearchLibrary.vue         | 6 ++++--
 web-src/src/pages/PageSearchSpotify.vue         | 6 ++++--
 6 files changed, 18 insertions(+), 9 deletions(-)

diff --git a/web-src/eslint.config.js b/web-src/eslint.config.js
index a4fd5d87..d41007df 100644
--- a/web-src/eslint.config.js
+++ b/web-src/eslint.config.js
@@ -35,8 +35,7 @@ export default [
       'sort-keys': 'off',
       'vue/html-self-closing': 'off',
       'vue/max-attributes-per-line': 'off',
-      'vue/prop-name-casing': 'off',
-      'vue/singleline-html-element-content-newline': 'off'
+      'vue/prop-name-casing': 'off'
     }
   }
 ]
diff --git a/web-src/src/pages/PageArtistSpotify.vue b/web-src/src/pages/PageArtistSpotify.vue
index e69718a0..76a19546 100644
--- a/web-src/src/pages/PageArtistSpotify.vue
+++ b/web-src/src/pages/PageArtistSpotify.vue
@@ -32,7 +32,9 @@
               </div>
             </div>
           </template>
-          <template #no-more>&nbsp;</template>
+          <template #no-more>
+            <br />
+          </template>
         </VueEternalLoading>
         <modal-dialog-artist-spotify
           :item="artist"
diff --git a/web-src/src/pages/PagePlaylistTracksSpotify.vue b/web-src/src/pages/PagePlaylistTracksSpotify.vue
index 10d227b7..5917ef78 100644
--- a/web-src/src/pages/PagePlaylistTracksSpotify.vue
+++ b/web-src/src/pages/PagePlaylistTracksSpotify.vue
@@ -34,7 +34,9 @@
               </div>
             </div>
           </template>
-          <template #no-more>&nbsp;</template>
+          <template #no-more>
+            <br />
+          </template>
         </VueEternalLoading>
         <modal-dialog-playlist-spotify
           :item="playlist"
diff --git a/web-src/src/pages/PagePodcast.vue b/web-src/src/pages/PagePodcast.vue
index e851970a..1a1ebd2b 100644
--- a/web-src/src/pages/PagePodcast.vue
+++ b/web-src/src/pages/PagePodcast.vue
@@ -3,7 +3,9 @@
     <content-with-hero>
       <template #heading-left>
         <h1 class="title is-5" v-text="album.name" />
-        <h2 class="subtitle is-6">&nbsp;</h2>
+        <h2 class="subtitle is-6">
+          <br />
+        </h2>
         <div class="buttons fd-is-centered-mobile mt-5">
           <a class="button is-small is-dark is-rounded" @click="play">
             <mdicon class="icon" name="play" size="16" />
diff --git a/web-src/src/pages/PageSearchLibrary.vue b/web-src/src/pages/PageSearchLibrary.vue
index 42ac5aee..c8137746 100644
--- a/web-src/src/pages/PageSearchLibrary.vue
+++ b/web-src/src/pages/PageSearchLibrary.vue
@@ -22,7 +22,9 @@
                 keypath="page.search.help"
                 scope="global"
               >
-                <template #query><code>query:</code></template>
+                <template #query>
+                  <code>query:</code>
+                </template>
                 <template #help>
                   <a
                     href="https://owntone.github.io/owntone-server/smart-playlists/"
@@ -37,7 +39,7 @@
             <div v-for="query in recent_searches" :key="query" class="control">
               <div class="tags has-addons">
                 <a class="tag" @click="open_search(query)" v-text="query" />
-                <a class="tag is-delete" @click="remove_search(query)"></a>
+                <a class="tag is-delete" @click="remove_search(query)" />
               </div>
             </div>
           </div>
diff --git a/web-src/src/pages/PageSearchSpotify.vue b/web-src/src/pages/PageSearchSpotify.vue
index b43ec77a..9bf26762 100644
--- a/web-src/src/pages/PageSearchSpotify.vue
+++ b/web-src/src/pages/PageSearchSpotify.vue
@@ -22,7 +22,7 @@
             <div v-for="query in recent_searches" :key="query" class="control">
               <div class="tags has-addons">
                 <a class="tag" @click="open_search(query)" v-text="query" />
-                <a class="tag is-delete" @click="remove_search(query)"></a>
+                <a class="tag is-delete" @click="remove_search(query)" />
               </div>
             </div>
           </div>
@@ -46,7 +46,9 @@
               </div>
             </div>
           </template>
-          <template #no-more>&nbsp;</template>
+          <template #no-more>
+            <br />
+          </template>
         </VueEternalLoading>
       </template>
       <template v-if="!expanded" #footer>