advent22/ui/src/App.vue

45 lines
1,006 B
Vue

<template>
<div class="container">
<section class="section">
<h1 class="title has-text-centered is-uppercase">Adventskalender</h1>
<h2 class="subtitle has-text-centered">Der Gelöt</h2>
</section>
<section v-if="is_admin" class="section">
<ConfigView />
<CalendarAssistant />
<DoorMapEditor />
</section>
<section class="section">
<AdminButton v-model="is_admin" />
</section>
</div>
</template>
<script lang="ts">
import { Options, Vue } from "vue-class-component";
import AdminButton from "./components/AdminButton.vue";
import CalendarAssistant from "./components/CalendarAssistant.vue";
import ConfigView from "./components/ConfigView.vue";
import DoorMapEditor from "./components/DoorMapEditor.vue";
@Options({
components: {
ConfigView,
CalendarAssistant,
DoorMapEditor,
AdminButton,
},
})
export default class extends Vue {
public is_admin = false;
}
</script>
<style>
body {
min-height: 100vh;
}
</style>