67f5a270af
This is barely functionnal, but at least it can display some data without crashing Most other functionnalities other than displaying events are broken, and so are the relative date operations, they need to be fixed asap
47 lines
1.1 KiB
Vue
47 lines
1.1 KiB
Vue
<script lang="ts" setup>
|
|
import { useCalendar } from '@/stores/CalendarStore'
|
|
import { computed, type Component, type ComputedRef } from 'vue'
|
|
|
|
import MonthlyLayout from './state/monthly/Layout.vue'
|
|
import CenturyLayout from './state/centennially/Layout.vue'
|
|
import DecadeLayout from './state/decennially/Layout.vue'
|
|
import YearLayout from './state/yearly/Layout.vue'
|
|
|
|
const { currentConfig } = useCalendar()
|
|
const { selectedDate, jumpToDate } = useCalendar()
|
|
|
|
const { fetchEvents } = useCalendarEvents()
|
|
fetchEvents()
|
|
|
|
const currentViewComponent: ComputedRef<Component> = computed<Component>(() => {
|
|
switch (currentConfig.viewType) {
|
|
case 'month':
|
|
return MonthlyLayout
|
|
|
|
case 'year':
|
|
return YearLayout
|
|
|
|
case 'decade':
|
|
return DecadeLayout
|
|
|
|
case 'century':
|
|
default:
|
|
return CenturyLayout
|
|
}
|
|
})
|
|
|
|
onMounted(() => {
|
|
jumpToDate(selectedDate)
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<div class="h-full grid grid-rows-[auto,1fr]">
|
|
<CalendarMenu />
|
|
|
|
<KeepAlive>
|
|
<component :is="currentViewComponent" />
|
|
</KeepAlive>
|
|
</div>
|
|
</template>
|