advent22/ui/src/components/CalendarDoor.vue

<template>
  <button class="button" @click="on_click">Türken {{ day + 1 }}</button>
</template>

<script lang="ts">
import { Options, Vue } from "vue-class-component";

@Options({
  props: {
    day: Number,
  },
  emits: [
    "click",
    "openDoor",
    "abortDoor",
  ],
})
export default class extends Vue {
  day!: number;

  public on_click() {
    this.$emit("click");

    this.$advent22.api_get_blob(
      `days/image/${this.day}`,
      (data) => this.$emit("openDoor", data),
      (name, reason) => this.$emit("abortDoor", name, reason),
    );
  }
}
</script>