2022-10-28 00:14:20 +00:00
|
|
|
<template>
|
2022-10-30 01:27:46 +00:00
|
|
|
<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>
|
2022-10-28 00:14:20 +00:00
|
|
|
</template>
|
|
|
|
|
|
|
|
<script lang="ts">
|
2022-10-28 00:28:03 +00:00
|
|
|
import { Options, Vue } from "vue-class-component";
|
2022-10-30 01:27:46 +00:00
|
|
|
import CalendarDoor from "./components/CalendarDoor.vue";
|
2022-10-28 00:14:20 +00:00
|
|
|
|
|
|
|
@Options({
|
|
|
|
components: {
|
2022-10-30 01:27:46 +00:00
|
|
|
CalendarDoor,
|
2022-10-28 00:14:20 +00:00
|
|
|
},
|
|
|
|
})
|
|
|
|
export default class App extends Vue {}
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<style>
|
2022-10-30 01:27:46 +00:00
|
|
|
/* @import "@/bulma/"; */
|
2022-10-28 00:14:20 +00:00
|
|
|
</style>
|