From 830e3fdcd6cf38c733a387efeabd8cc0dd5f7e9d Mon Sep 17 00:00:00 2001
From: geoffrey45 <geoffreymungai45@gmail.com>
Date: Tue, 10 May 2022 08:23:06 +0300
Subject: [PATCH] client: check if album is a compilation

---
 src/components/AlbumView/Header.vue | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/components/AlbumView/Header.vue b/src/components/AlbumView/Header.vue
index c7dd82f..1a7b256 100644
--- a/src/components/AlbumView/Header.vue
+++ b/src/components/AlbumView/Header.vue
@@ -11,7 +11,13 @@
       </div>
       <div class="info">
         <div class="top">
-          <div class="h">Album</div>
+          <div
+            class="h"
+            v-if="props.album.artist.toLowerCase() == 'various artists'"
+          >
+            Compilation
+          </div>
+          <div class="h" v-else>Album</div>
           <div class="title ellip">{{ props.album.title }}</div>
         </div>
         <div class="bottom">
@@ -34,14 +40,12 @@ import PlayBtnRect from "../shared/PlayBtnRect.vue";
 import { playSources } from "../../composables/enums";
 import { paths } from "../../config";
 
-const imguri = paths.images.thumb
+const imguri = paths.images.thumb;
 const props = defineProps<{
   album: AlbumInfo;
 }>();
 
-function extrackColors() {
-
-}
+function extrackColors() {}
 
 extrackColors();
 </script>