<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.$emit("openDoor", this.image_url);
  }
}
</script>

<style>
</style>