5772ab7aa3
There still exists an issue with one Adobe led library ; @international-dates don't seem to compile their sourcemaps correctly. I don't think this is something I can fix however, and it may require hacks and workarounds to solve from what I've gathered
30 lines
606 B
Vue
30 lines
606 B
Vue
<script lang="ts" setup>
|
|
import { useCalendar } from '@/stores/CalendarStore'
|
|
|
|
import DayTile from './DayTile.vue'
|
|
|
|
const { staticConfig, getMonthName } = useCalendar()
|
|
|
|
const props = defineProps<{
|
|
monthNumber: number
|
|
}>()
|
|
|
|
const tileMonthName: string = getMonthName(props.monthNumber)
|
|
</script>
|
|
|
|
<template>
|
|
<div>
|
|
<div class="font-medium">
|
|
{{ tileMonthName }}
|
|
</div>
|
|
<div class="grid grid-cols-7">
|
|
<DayTile
|
|
v-for="day in staticConfig.daysPerMonth"
|
|
:key="day"
|
|
:month-number="monthNumber"
|
|
:day-number="day"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</template>
|