<script>
import FullCalendar from "@fullcalendar/vue"
import dayGridPlugin from "@fullcalendar/daygrid"
import interactionPlugin from "@fullcalendar/interaction"

export default {
  components: {
    FullCalendar // make the <FullCalendar> tag available
  },
  props: ["events"],
  data() {
    return {
      calendarOptions: {
        plugins: [ dayGridPlugin, interactionPlugin ],
        initialView: "dayGridMonth",
        contentHeight: "auto",
        locale: "cs",
        buttonText: {
          today: "dnes"
        },
        moreLinkContent: (arg) => { return `+${arg.num} další` },
        events: JSON.parse(this.events)
      }
    }
  }
}
</script>

<template>
  <FullCalendar :options="calendarOptions" />
</template>