<template>
  <section class="content flex-col">
    <div class="pc-wrapper flex-col">
      <PpPriceCard v-for="num in cards" :uid="num" />
    </div>
    <PpButton class="cta" @click="addCard">
      <Icon name="uil:plus" mode="svg" />
      Vergleich hinzufügen
    </PpButton>
  </section>
</template>

<script setup lang="ts">
const cards = ref(1)

const addCard = () => {
  cards.value++
}
</script>
