playlist is a yellow box

server/api/boxes.ts

@@ -1,71 +1,68 @@
 import { eventHandler } from 'h3'
 import type { Box } from '~~/types/types'
 
-const boxes: Box[] = [
+export default eventHandler<Box[]>(() => {
-  {
+  return [
-    id: 'ES01',
+    {
-    type: 'compilation',
+      id: 'ES01',
-    name: '...',
+      type: 'compilation',
-    description: '...',
+      name: '...',
-    state: 'box-hidden',
+      description: '...',
-    duration: 3487 + 3773, // Somme des durées A et B
+      state: 'box-hidden',
-    sides: {
+      duration: 3487 + 3773, // Somme des durées A et B
-      A: {
+      sides: {
-        name: '...',
+        A: {
-        description: '...',
+          name: '...',
-        duration: 3487,
+          description: '...',
-        color1: '#c7b3aa',
+          duration: 3487,
-        color2: '#000100'
+          color1: '#c7b3aa',
+          color2: '#000100'
+        },
+        B: {
+          name: '... B',
+          description: '...',
+          duration: 3773,
+          color1: '#f7dd01',
+          color2: '#010103'
+        }
       },
-      B: {
+      activeSide: 'A'
-        name: '... B',
-        description: '...',
-        duration: 3773,
-        color1: '#f7dd01',
-        color2: '#010103'
-      }
     },
-    activeSide: 'A'
+    {
-  },
+      id: 'ES00',
-  {
+      type: 'compilation',
-    id: 'ES00',
+      name: 'manifeste',
-    type: 'compilation',
+      description: 'Zero is for manifesto',
-    name: 'manifeste',
+      state: 'box-hidden',
-    description: 'Zero is for manifesto',
+      duration: 2794 + 2470, // Somme des durées A et B
-    state: 'box-hidden',
+      sides: {
-    duration: 2794 + 2470, // Somme des durées A et B
+        A: {
-    sides: {
+          name: 'manifeste',
-      A: {
+          description: 'Zero is for manifesto',
-        name: 'manifeste',
+          duration: 2794,
-        description: 'Zero is for manifesto',
+          color1: '#ffffff',
-        duration: 2794,
+          color2: '#48959d'
-        color1: '#ffffff',
+        },
-        color2: '#48959d'
+        B: {
+          name: 'manifeste B',
+          description: 'Even Zero has a b-side',
+          duration: 2470,
+          color1: '#0d01b9',
+          color2: '#3b7589'
+        }
       },
-      B: {
+      activeSide: 'A'
-        name: 'manifeste B',
-        description: 'Even Zero has a b-side',
-        duration: 2470,
-        color1: '#0d01b9',
-        color2: '#3b7589'
-      }
     },
-    activeSide: 'A'
+    {
-  },
+      id: 'ESPLAYLIST',
-  {
+      type: 'playlist',
-    id: 'ESPLAYLIST',
+      name: 'playlists',
-    type: 'playlist',
+      duration: 0,
-    name: 'playlists',
+      description: '♠♦♣♥',
-    duration: 0,
+      state: 'box-hidden',
-    description: '♠♦♣♥',
+      activeSide: 'A',
-    state: 'box-hidden',
+      color1: '#fdec50ff',
-    activeSide: 'A'
+      color2: '#fdec50ff'
-  }
+    }
-]
+  ]
-
-export default eventHandler(() => {
-  return boxes.map((box) => ({
-    ...box,
-    state: 'box-hidden' as const
-  }))
 })