24 lines
457 B
Vue
24 lines
457 B
Vue
<script lang="ts" setup>
|
|
import type { CalendarMonth } from "~/models/CalendarMonth";
|
|
|
|
defineProps<{
|
|
month: CalendarMonth
|
|
}>()
|
|
</script>
|
|
|
|
<template>
|
|
<div>
|
|
<div class="font-medium">
|
|
{{ month.name }}
|
|
</div>
|
|
<div class="grid grid-cols-7 gap-1">
|
|
<CalendarStateYearlyDayTile
|
|
v-for="day in month.days"
|
|
:key="day"
|
|
:month-number="month.position"
|
|
:day-number="day"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</template>
|