<template>
  <div class="grid min-h-screen place-items-center">
    <CardView
      v-for="(card, index) in cardStore.cards"
      :key="card.id"
      :card="card"
      :is-front="index === cardStore.cards.length - 1"
      :z="index"
    />
  </div>
</template>

<script setup lang="ts">
import CardView from "~/components/CardView.vue";
import { useCardStore } from "~/store/Card";

const route = useRoute();
const collection = route.query.collection;
const cardStore = useCardStore();
</script>
