add functionality to play button on artist page

src/components/AlbumView/ArtistAlbums.vue

@@ -1,20 +1,21 @@
 <template>
-  <div class="albums-from-artist">
+  <div class="artist-albums">
     <h3>
       <span>{{ title }} </span>
       <span class="see-more">SEE ALL</span>
     </h3>
     <div class="cards">
-      <AlbumCard v-for="a in albums" :album="a" />
+      <AlbumCard v-for="a in albums.slice(0, maxAbumCards)" :album="a" />
     </div>
   </div>
 </template>
 
 <script setup lang="ts">
 import AlbumCard from "../shared/AlbumCard.vue";
-
 import { Album } from "@/interfaces";
 
+import { maxAbumCards } from "@/stores/content-width";
+
 defineProps<{
   title: string;
   albums: Album[];
@@ -22,7 +23,7 @@ defineProps<{
 </script>
 
 <style lang="scss">
-.albums-from-artist {
+.artist-albums {
   overflow: hidden;
 
   h3 {
@@ -40,7 +41,7 @@ defineProps<{
   .cards {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
-    gap: 2rem 0;
+    gap: 5rem 0;
   }
 }
 </style>