route v1

server/api/boxes.ts

@@ -173,5 +173,5 @@ export default eventHandler(() => {
       color3: '#00ff00'
     }
   ]
-  return boxes.map((b) => ({ ...b, state: 'box-hidden' }))
+  return boxes.map((b) => ({ ...b, state: 'box-hidden' })) // boxes are first hidden to allow the animation to work (hidden -> list -> selected)
 })