advent22/ui/src/components/UserView.vue

29 lines
842 B
Vue

<template>
<Calendar :doors="store.user_doors" />
<hr />
<div class="content" v-html="store.site_config.content" />
<div class="content has-text-primary">
<template v-if="store.next_door_target === null">
Alle {{ store.user_doors.length }} Türchen offen!
</template>
<template v-else>
<template v-if="store.user_doors.length === 0">
Zeit bis zum ersten Türchen:
</template>
<template v-else>
{{ store.user_doors.length }} Türchen offen. Zeit bis zum nächsten
Türchen:
</template>
<CountDown :until="store.next_door_target" />
</template>
</div>
</template>
<script setup lang="ts">
import { advent22Store } from "@/lib/store";
import Calendar from "./Calendar.vue";
import CountDown from "./CountDown.vue";
const store = advent22Store();
</script>