✅ complete project teardown

src/components/AlbumView/Header.vue

@@ -3,13 +3,13 @@
     <div class="a-header">
       <div
         class="image art shadow-lg"
-        :style="{ backgroundImage: `url(&quot;${encodeURI(props.album_info.image)}&quot;)` }"
+        :style="{ backgroundImage: `url(&quot;${props.album_info.image}&quot;)` }"
       ></div>
       <div class="info">
         <div class="top">
           <div class="h">Album</div>
           <div class="separator no-border"></div>
-          <div class="title">{{ props.album_info.name }}</div>
+          <div class="title">{{ props.album_info.album }}</div>
           <div class="artist">{{ props.album_info.artist }}</div>
         </div>
         <div class="separator no-border"></div>

src/components/RightSideBar/Search.vue

@@ -26,6 +26,8 @@
         :tracks="tracks.tracks"
         @loadMore="loadMoreTracks"
       />
+      <div class="separator no-border"></div>
+
       <AlbumGrid
         v-if="albums.albums.length"
         :albums="albums.albums"

src/components/shared/AlbumCard.vue

@@ -2,7 +2,7 @@
   <router-link
     :to="{
       name: 'AlbumView',
-      params: { album: album.name, artist: album.artist },
+      params: { album: album.album, artist: album.artist },
     }"
     class="result-item shadow-sm"
   >