update cover card url & artist/title fonts

app/components/Card.vue

@@ -34,10 +34,10 @@
           <div class="label" v-if="isOrder">
             {{ props.track.order }}
           </div>
-          <h2 class="text-base text-neutral-800 font-bold truncate">
+          <h2 class="text-sm text-neutral-500 first-letter:uppercase truncate">
             {{ props.track.title }}
           </h2>
-          <p class="text-sm text-neutral-500 truncate">
+          <p class="text-base text-neutral-800 font-bold capitalize truncate">
             <template v-if="isPlaylistTrack">
               {{ props.track.artist.name }}
             </template>

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
-  }))
 })

server/api/tracks/playlist.ts

@@ -43,7 +43,7 @@ export default eventHandler(async (event) => {
       const date = new Date(year, month - 1, day, hour)
       const card = getCardFromDate(date)
       const url = `${urlPrefix}/${encodeURIComponent(file)}`
-      const coverId = `${urlPrefix}/${encodeURIComponent(file).replace(EXT_RE, '.jpg')}`
+      const coverId = `${urlPrefix}/cover/${encodeURIComponent(file).replace(EXT_RE, '.jpg')}`
 
       return {
         id: Number(`${year}${index + 1}`),