advent22/ui/src/components/CalendarDoor.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(): void {
    this.$advent22.api_get_blob("days/image/" + this.day, (data) => {
      this.$emit("openDoor", data);
    });
  }
}
</script>