feat: use module store

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

src/components/CalendarView.vue

@@ -21,16 +21,21 @@
       :current-date="currentDate"
       :events="events"
       :calendars="calendars"
+      :initial-span="initialDaysSpan"
       @event-click="$emit('event-click', $event)"
       @date-click="$emit('date-click', $event)"
       @event-hover="handleEventHover"
       @event-hover-end="hidePopup"
+      @update:span="$emit('update:days-span', $event)"
     />
     <AgendaView
       v-else-if="view === 'agenda'"
       :events="events"
       :calendars="calendars"
+      :current-date="currentDate"
+      :initial-span="initialAgendaViewSpan"
       @event-click="$emit('event-click', $event)"
+      @update:span="$emit('update:agenda-span', $event)"
     />
   </div>
 </template>
@@ -41,26 +46,33 @@ import MonthView from './MonthView.vue';
 import DaysView from './DaysView.vue';
 import AgendaView from './AgendaView.vue';
 import EventViewerPopup from './EventViewerPopup.vue';
+import type { AgendaViewSpan, DaysViewSpan } from '@/types/spans';
+import type { EntityObject } from '@ChronoManager/models/entity';
+import type { CollectionObject } from '@ChronoManager/models/collection';
 
 defineProps<{
   view: 'days' | 'month' | 'agenda';
   currentDate: Date;
-  events: any[];
-  calendars: any[];
+  events: EntityObject[];
+  calendars: CollectionObject[];
+  initialDaysSpan?: DaysViewSpan;
+  initialAgendaViewSpan?: AgendaViewSpan;
 }>();
 
 defineEmits<{
-  'event-click': [event: any];
+  'event-click': [event: EntityObject];
   'date-click': [date: Date];
+  'update:days-span': [span: DaysViewSpan];
+  'update:agenda-span': [span: AgendaViewSpan];
 }>();
 
 // Popup state
-const hoveredEvent = ref<any>(null);
+const hoveredEvent = ref<EntityObject | null>(null);
 const popupPosition = ref({ x: 0, y: 0 });
 const showPopup = ref(false);
-let hideTimeout: NodeJS.Timeout | null = null;
+let hideTimeout: ReturnType<typeof setTimeout> | null = null;
 
-function handleEventHover(data: { event: MouseEvent; entity: any }) {
+function handleEventHover(data: { event: MouseEvent; entity: EntityObject }) {
   if (hideTimeout) {
     clearTimeout(hideTimeout);
     hideTimeout = null;