playlists support v1

app/pages/dev.vue

@@ -0,0 +1,15 @@
+<template>
+  <div class="w-full flex flex-col items-center">
+    <logo />
+    <main>
+      <compilations />
+      <player />
+    </main>
+  </div>
+</template>
+
+<style>
+.logo {
+  filter: drop-shadow(2px 2px 0 rgb(0 0 0 / 0.8));
+}
+</style>

app/pages/index.vue

@@ -1,15 +1,8 @@
 <template>
   <div class="w-full flex flex-col items-center">
-    <header class="py-4">
-      <img class="logo p-1 w-80" src="/logo.svg" alt="">
-      <h1 class="dark:text-white text-center">
-        compilations
-        indépendantes
-      </h1>
-    </header>
+    <logo />
     <main>
-      <OrganismCompilationList />
-      <MoleculePlayer />
+      <newsletter />
     </main>
   </div>
 </template>

app/pages/studio.vue

@@ -3,7 +3,7 @@
     <div class="bg-page-dark-bg text-white">
       <div class="flex flex-col-reverse bg-gradient-to-r from-primary to-primary-dark">
         <div class="mt-8 flex flex-wrap justify-center">
-          <!-- <molecule-box :compilation="compilation" /> -->
+          <!-- <box :compilation="compilation" /> -->
           <div class="devtool  absolute right-4 text-white bg-black rounded-2xl px-4 py-2">
             <!-- <button @click="currentPosition = boxPositions.side">side</button>
             <button @click="currentPosition = boxPositions.front">front</button>
@@ -37,7 +37,7 @@
           </div>
         </div>
       </div>
-      <molecule-card :track="track" />
+      <card :track="track" />
     </div>
   </div>
 </template>