From a39cbee7ba4e3a54e7f7addeb0259239e1defdcd Mon Sep 17 00:00:00 2001
From: Kiraa Corsac <wire150@gmail.com>
Date: Fri, 30 Jul 2021 16:24:42 +0200
Subject: [PATCH] AlbumPage: changed artist names <span> to <v-chip>

---
 app/client/src/views/AlbumPage.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/client/src/views/AlbumPage.vue b/app/client/src/views/AlbumPage.vue
index 6dcc72f..7fc9224 100644
--- a/app/client/src/views/AlbumPage.vue
+++ b/app/client/src/views/AlbumPage.vue
@@ -14,11 +14,11 @@
                 <v-progress-circular indeterminate></v-progress-circular>
             </v-overlay>
             <h1>{{album.title}}</h1>
-            <h3>
-                <span v-for='(artist, index) in album.artists' :key='"artist"+index' @click='goArtist(artist)'>
-                    {{artist.name}}<span v-if='index != album.artists.length - 1'>, </span> 
-                </span>
-            </h3>
+            <v-chip-group>
+                <v-chip v-for='(artist, index) in album.artists' :key='"artist"+index' @click='goArtist(artist)'>
+                    {{artist.name}}
+                </v-chip>
+            </v-chip-group>
             <div class='mt-2' v-if='!loading'>
                 <span class='text-subtitle-2'>{{album.tracks.length}} {{$t("tracks")}}</span><br>
                 <span class='text-subtitle-2'>{{$t("Duration")}}: {{duration}}</span><br>
-- 
2.25.1