<template>
  <div class="container">
    <div class="section">
      <h1 class="title has-text-centered is-uppercase">Adventskalender</h1>
      <h2 class="subtitle has-text-centered">Der Gelöt</h2>

      <CalendarDoor v-for="(_, index) in 24" :key="index" :day="index" />
    </div>
  </div>
</template>

<script lang="ts">
import { Options, Vue } from "vue-class-component";
import CalendarDoor from "./components/CalendarDoor.vue";

@Options({
  components: {
    CalendarDoor,
  },
})
export default class App extends Vue {}
</script>

<style>
/* @import "@/bulma/"; */
</style>
