<template>
  <div class="mt-8 p-8 w-full flex flex-wrap justify-around">
    <MoleculeCard v-for="track in dataStore.getTracksByCompilationId(compilation.id)" :key="track.id" :track="track"
      :isFlipped="true" />
  </div>
</template>

<script setup lang="ts">
import { useDataStore } from '~/store/data'
import type { Compilation } from '~~/types/types'

const props = defineProps<{
  compilation: Compilation
}>()

const dataStore = useDataStore()
</script>