<template>
  <Platine :track="track1" />
  <!-- <card v-if="track1" :track="track1" is-face-up /> -->
  <Platine :track="track2" />
  <!-- <card v-if="track2" :track="track2" is-face-up /> -->
</template>

<script setup>
import { useDataStore } from '~/store/data'

const dataStore = useDataStore()
const track1 = computed(() => dataStore.getTrackById(2023322))
const track2 = computed(() => dataStore.getTrackById(2023329))

// Configuration du layout
definePageMeta({
  layout: 'empty'
})

onMounted(async () => {
  const dataStore = useDataStore()
  await dataStore.loadData()
})
</script>

<style>
.logo {
  filter: drop-shadow(3px 3px 0 rgb(0 0 0 / 0.7));
}
</style>
