<script setup lang="ts">
import SpecialItemsCard from '@/components/BlessingPower/SpecialItemsCard.vue'
import StandardItemsCard from '@/components/BlessingPower/StandardItemsCard.vue'
import SummaryCard from '@/components/BlessingPower/SummaryCard.vue'
</script>

<template>
  <v-container>
    <v-row justify="center">
      <v-col><StandardItemsCard /></v-col>
      <v-col><SpecialItemsCard /></v-col>
    </v-row>
    <v-row justify="center">
      <v-col cols="6">
        <SummaryCard />
      </v-col>
    </v-row>
  </v-container>
</template>

<style lang="scss" scoped>
@use "@/styles/settings.scss";
:deep(tbody) tr:nth-of-type(even) {
  background-color: map-get(settings.$purple, "lighten-5");
}
</style>
