set route /mix & /draggable

app/pages/draggable.vue

@@ -1,5 +1,9 @@
 <template>
   <div class="deck">
+    <button class="px-4 py-2 text-black hover:text-black bg-esyellow transition-colors relative z-30"
+      @click="cardStore.revealAllCards(tracks)">
+      reveal
+    </button>
     <draggable v-model="tracks" item-key="id" class="draggable-container" @start="drag = true" @end="onDragEnd">
       <template #item="{ element: track }">
         <card :key="track.id" :track="track" tabindex="0" :is-face-up="track.isFaceUp" class="draggable-item"
@@ -12,7 +16,9 @@
 <script setup>
 import { useDataStore } from '~/store/data'
 import draggable from 'vuedraggable'
+import { useCardStore } from '~/store/card'
 
+const cardStore = useCardStore()
 const drag = ref(false)
 const tracks = ref([])
 // Configuration du layout

app/pages/mix.vue

@@ -0,0 +1,27 @@
+<template>
+  <Platine />
+</template>
+
+<script setup>
+import { useUiStore } from '~/store/ui'
+import { useDataStore } from '~/store/data'
+
+// Configuration du layout
+definePageMeta({
+  layout: 'default'
+})
+
+const uiStore = useUiStore()
+
+onMounted(async () => {
+  const dataStore = useDataStore()
+  await dataStore.loadData()
+  uiStore.listBoxes()
+})
+</script>
+
+<style>
+.logo {
+  filter: drop-shadow(3px 3px 0 rgb(0 0 0 / 0.7));
+}
+</style>