build playlist view

src/views/PlaylistView.vue

@@ -1,13 +1,18 @@
 <template>
   <Header />
+  <div class="p-bg rounded">
+    <SongList />
+  </div>
 </template>
 
 <script>
 import Header from "@/components/PlaylistView/Header.vue";
+import SongList from "@/components/FolderView/SongList.vue";
 
 export default {
   components: {
     Header,
+    SongList,
   },
   setup() {
     return {};
@@ -15,5 +20,11 @@ export default {
 };
 </script>
 
-<style>
+<style lang="scss">
+.p-bg {
+  background: $card-dark;
+  padding: 20px;
+  height: calc(100% - 16em);
+  padding: 0;
+}
 </style>