feat: build the occurrence index

Signed-off-by: Sebastian Krupinski <krupinski01@gmail.com>

src/components/CalendarView.vue

@@ -9,7 +9,7 @@
     <MonthView
       v-if="view === 'month'"
       :current-date="currentDate"
-      :events="events"
+      :occurrence-index="occurrenceIndex"
       :calendars="calendars"
       @event-click="$emit('event-click', $event)"
       @date-click="$emit('date-click', $event)"
@@ -20,7 +20,7 @@
     <DaysView
       v-else-if="view === 'days'"
       :current-date="currentDate"
-      :events="events"
+      :occurrence-index="occurrenceIndex"
       :calendars="calendars"
       :initial-span="initialDaysSpan"
       @event-click="$emit('event-click', $event)"
@@ -32,7 +32,7 @@
     />
     <AgendaView
       v-else-if="view === 'agenda'"
-      :events="events"
+      :occurrence-index="occurrenceIndex"
       :calendars="calendars"
       :current-date="currentDate"
       :initial-span="initialAgendaViewSpan"
@@ -53,12 +53,13 @@ import { spanToDays, type AgendaViewSpan, type DaysViewSpan } from '@/types/span
 import type { EntityObject } from '@ChronoManager/models/entity';
 import type { CollectionObject } from '@ChronoManager/models/collection';
 import type { VisibleDateRange } from '@/types';
+import type { CalendarOccurrenceIndex } from '@/types/occurrence';
 import { daysVisibleRange, monthGridVisibleRange } from '@/utils/dateRanges';
 
 const props = defineProps<{
   view: 'days' | 'month' | 'agenda';
   currentDate: Date;
-  events: EntityObject[];
+  occurrenceIndex: CalendarOccurrenceIndex;
   calendars: CollectionObject[];
   initialDaysSpan?: DaysViewSpan;
   initialAgendaViewSpan?: AgendaViewSpan;