playlist is a yellow box

server/api/boxes.ts

@@ -1,7 +1,8 @@
 import { eventHandler } from 'h3'
 import type { Box } from '~~/types/types'
 
-const boxes: Box[] = [
+export default eventHandler<Box[]>(() => {
+  return [
     {
       id: 'ES01',
       type: 'compilation',
@@ -59,13 +60,9 @@ const boxes: Box[] = [
       duration: 0,
       description: '♠♦♣♥',
       state: 'box-hidden',
-    activeSide: 'A'
+      activeSide: 'A',
+      color1: '#fdec50ff',
+      color2: '#fdec50ff'
     }
-]
+  ]
-
-export default eventHandler(() => {
-  return boxes.map((box) => ({
-    ...box,
-    state: 'box-hidden' as const
-  }))
 })