From cbbe456312f4646c8af145b3d0b09b2727e4cb61 Mon Sep 17 00:00:00 2001
From: Walid Saleh <superwal@gmail.com>
Date: Wed, 6 Dec 2023 16:43:58 +0000
Subject: [PATCH] use v-else

---
 webui/src/components/pages/Favorites.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/webui/src/components/pages/Favorites.vue b/webui/src/components/pages/Favorites.vue
index bb302bc..98fe390 100644
--- a/webui/src/components/pages/Favorites.vue
+++ b/webui/src/components/pages/Favorites.vue
@@ -21,10 +21,7 @@
 		</button>
 
 		<div v-show="activeTab === 'playlist'">
-			<div v-if="(playlists.length + spotifyPlaylists.length) === 0">
-				<h1>{{ $t('favorites.noPlaylists') }}</h1>
-			</div>
-			<div v-if="(playlists.length + spotifyPlaylists.length) > 0" class="release-grid">
+			<div v-if="playlists.length + spotifyPlaylists.length" class="release-grid">
 				<div v-for="release in playlists" :key="release.id" class="release">
 					<router-link :to="{ name: 'Playlist', params: { id: release.id } }" class="cursor-pointer" custom
 						v-slot="{ navigate }">
@@ -63,6 +60,9 @@
 					</p>
 				</div>
 			</div>
+			<div v-else>
+				<h1>{{ $t('favorites.noPlaylists') }}</h1>
+			</div>
 		</div>
 
 		<div v-show="activeTab === 'album'">