add star album

src/library/album/AlbumDetails.vue

@@ -18,6 +18,9 @@
           <b-btn variant="secondary" class="mr-2" @click="play">
             <Icon icon="play-fill" /> Play
           </b-btn>
+          <b-btn variant="secondary" class="mr-2" @click="toggleStar">
+            <Icon :icon="album.starred ? 'star-fill' : 'star'" />
+          </b-btn>
         </div>
       </div>
     </div>
@@ -62,6 +65,15 @@
           })
         }
       },
+      toggleStar() {
+        if (this.album) {
+          const value = !this.album.starred
+          this.album.starred = value
+          return value
+            ? this.$api.starAlbum(this.album.id)
+            : this.$api.unstarAlbum(this.album.id)
+        }
+      }
     }
   })
 </script>

src/shared/api.ts

@@ -215,6 +215,14 @@ export class API {
     }
   }
 
+  starAlbum(id: string) {
+    return this.star('album', id)
+  }
+
+  unstarAlbum(id: string) {
+    return this.unstar('album', id)
+  }
+
   async star(type: 'track' | 'album' | 'artist', id: string) {
     const params = {
       id: type === 'track' ? id : undefined,

src/shared/components/Icon.vue

@@ -7,6 +7,7 @@
     BIcon,
     BIconCardText,
     BIconMusicNoteList,
+    BIconStar,
     BIconStarFill,
     BIconCollectionFill,
     BIconList,
@@ -27,6 +28,7 @@
       BIcon,
       BIconCardText,
       BIconMusicNoteList,
+      BIconStar,
       BIconStarFill,
       BIconCollectionFill,
       BIconList,