diff --git a/src/components/AlbumOfTheDay.vue b/src/components/Home.vue
similarity index 100%
rename from src/components/AlbumOfTheDay.vue
rename to src/components/Home.vue
diff --git a/src/components/shared/PlayBtnRect.vue b/src/components/shared/PlayBtnRect.vue
index 90857423..80b66caf 100644
--- a/src/components/shared/PlayBtnRect.vue
+++ b/src/components/shared/PlayBtnRect.vue
@@ -30,7 +30,7 @@ function play() {
       queue.play(queue.tracks[0]);
       break;
     case playSources.album:
-      queue.playFromAlbum(album.info.album, album.info.artist, album.tracks);
+      queue.playFromAlbum(album.info.title, album.info.artist, album.tracks);
       queue.play(album.tracks[0]);
       break;
     case playSources.playlist:
diff --git a/src/views/Home.vue b/src/views/Home.vue
index a636b6d4..eefbe3f4 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -1,23 +1,15 @@
 <template>
   <div class="home">
-    <AlbumOfTheDay />
+    <home />
   </div>
 </template>
 
-<script>
-import AlbumOfTheDay from "@/components/AlbumOfTheDay.vue";
-
-export default {
-  name: "Home",
-  components: {
-    AlbumOfTheDay,
-  },
-};
+<script setup lang="ts">
+import Home from "@/components/Home.vue";
 </script>
-
 <style>
-  .home {
-    padding-left: 20px;
-    text-align: center;
-  }
-</style>
\ No newline at end of file
+.home {
+  padding-left: 20px;
+  text-align: center;
+}
+</style>