advent22/ui/src/components/CalendarDoor.vue

<template>
  <ImageModal v-model="modal_visible" :imageUrl="image_url" />
  <button class="button" @click="modal_visible = true">
    Türken {{ day + 1 }}
  </button>
</template>

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

@Options({
  components: {
    ImageModal,
  },
  props: {
    day: Number,
  },
})
export default class CalendarDoor extends Vue {
  day!: number;
  modal_visible = false;

  private get image_url(): string {
    return "http://localhost:8000/api/days/picture/" + this.day;
  }
}
</script>

<style>
</style>