From 6a47e0cb4054020f913f2da8620e73136f0841ca Mon Sep 17 00:00:00 2001
From: qier222 <qier222@outlook.com>
Date: Wed, 4 Nov 2020 23:30:42 +0800
Subject: [PATCH] fix: improvements

---
 src/store/mutations.js |  1 +
 src/views/album.vue    | 11 +++++++----
 src/views/playlist.vue | 16 +++++++++++++++-
 3 files changed, 23 insertions(+), 5 deletions(-)

diff --git a/src/store/mutations.js b/src/store/mutations.js
index af3245d..bb1aa65 100644
--- a/src/store/mutations.js
+++ b/src/store/mutations.js
@@ -14,6 +14,7 @@ export default {
       src: [mp3],
       autoplay: true,
       html5: true,
+      format: ["mp3", "flac"],
     });
     state.howler.play();
   },
diff --git a/src/views/album.vue b/src/views/album.vue
index c0471a2..6641792 100644
--- a/src/views/album.vue
+++ b/src/views/album.vue
@@ -14,10 +14,13 @@
         <div class="title"> {{ title }}</div>
         <div class="subtitle" v-if="subtitle !== ''">{{ subtitle }}</div>
         <div class="artist">
-          <span>{{ album.type | formatAlbumType(album) }} by </span
-          ><router-link :to="`/artist/${album.artist.id}`">{{
-            album.artist.name
-          }}</router-link>
+          <span v-if="album.artist.id !== 104700">
+            <span>{{ album.type | formatAlbumType(album) }} by </span
+            ><router-link :to="`/artist/${album.artist.id}`">{{
+              album.artist.name
+            }}</router-link></span
+          >
+          <span v-else>Compilation by Various Artists</span>
         </div>
         <div class="date-and-count">
           <span class="explicit-symbol" v-if="album.mark === 1056768"
diff --git a/src/views/playlist.vue b/src/views/playlist.vue
index 4ec7500..888f1c8 100644
--- a/src/views/playlist.vue
+++ b/src/views/playlist.vue
@@ -9,7 +9,11 @@
         :size="288"
       />
       <div class="info">
-        <div class="title">{{ playlist.name }}</div>
+        <div class="title"
+          ><span class="lock-icon" v-if="playlist.privacy === 10">
+            <svg-icon icon-class="lock" /></span
+          >{{ playlist.name }}</div
+        >
         <div class="artist">
           Playlist by
           <span
@@ -229,6 +233,16 @@ export default {
       font-size: 36px;
       font-weight: 700;
       color: var(--color-text);
+
+      .lock-icon {
+        opacity: 0.28;
+        color: var(--color-text);
+        margin-right: 8px;
+        .svg-icon {
+          height: 26px;
+          width: 26px;
+        }
+      }
     }
     .artist {
       font-size: 18px;