advent22/ui/src/components/CalendarDoor.vue

26 lines
537 B
Vue

<template>
<button class="button" @click="on_click">Türken {{ day + 1 }}</button>
</template>
<script lang="ts">
import { Vue, Options } from "vue-class-component";
@Options({
props: {
day: Number,
},
})
export default class CalendarDoor extends Vue {
day!: number;
private get image_url(): string {
return this.$advent22.api_url("days/image/" + this.day);
}
private on_click() {
this.$advent22.api_get_blob("days/image/" + this.day, (data) => {
this.$emit("openDoor", data);
});
}
}
</script>