From 73bd79c3c5c45cf3bd7b1237eba7a63203ce493d Mon Sep 17 00:00:00 2001
From: Alexis <35.alexis.pele@gmail.com>
Date: Thu, 17 Apr 2025 21:47:25 +0200
Subject: [PATCH] Fixed hydration error

---
 components/calendar/menu/Menu.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/calendar/menu/Menu.vue b/components/calendar/menu/Menu.vue
index a6a6a25..6fe0430 100644
--- a/components/calendar/menu/Menu.vue
+++ b/components/calendar/menu/Menu.vue
@@ -3,19 +3,19 @@ import { useCalendar } from "@/stores/CalendarStore"
 
 import { PhMagnifyingGlass } from "@phosphor-icons/vue"
 
-const { revealAdvancedSearch } = useCalendar()
-const { isReadOnly } = storeToRefs(useCalendar())
+const { revealAdvancedSearch, } = useCalendar()
+const { isReadOnly, defaultDate } = storeToRefs(useCalendar())
 </script>
 
 <template>
   <header class="mt-2 grid gap-4 border-border border-b-[1px]">
     <div class="px-8 flex items-center justify-between gap-2">
       <menu class="flex items-center gap-2">
-        <li v-if="!isReadOnly">
-          <LazyCalendarDialogQuickCreateEvent />
+        <li>
+          <LazyCalendarDialogQuickCreateEvent v-if="!isReadOnly" />
         </li>
         <li>
-          <CalendarMenuToday />
+          <LazyCalendarMenuToday v-if="defaultDate" />
         </li>
         <li class="ml-4">
           <CalendarCurrentDate />