<script setup>

    const props = defineProps(['daycount'])

    const weekcount = props.daycount / 6

    const defaultdays = ref(Array.from(Array(props.daycount).keys()))

</script>


<style scoped>

    .days {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        grid-template-rows: repeat(v-bind('weekcount'), 1fr);
        grid-gap: 1px;
        background-color: black;
        border: 1px solid black;
    }

</style>


<template>

    <div class="days">
        <MainCalendarFrameSingleday
            v-for="day in defaultdays"
        />
    </div>

</template>