Working event base

components/calendar/search/lists/CharacterCallout.vue

@@ -7,7 +7,7 @@ import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/comp
 import { Button } from '@/components/ui/button'
 import { PhArrowSquareOut, PhPlant, PhSkull } from '@phosphor-icons/vue'
 
-defineProps<{
+const props = defineProps<{
   character: Character
 }>()
 
@@ -16,6 +16,8 @@ defineEmits<{
 }>()
 
 const { getFormattedDateTitle } = useCalendar()
+
+console.log(props.character.birth)
 </script>
 
 <template>

components/calendar/search/lists/EventCallout.vue

@@ -24,7 +24,7 @@ const dateDuration: string | null = props.event.endDate
 </script>
 
 <template>
-  <Uibutton
+  <button
     class="relative block w-full text-left py-3 px-4 rounded-sm transition-colors"
     :class="{
       'text-white bg-slate-600 hover:bg-slate-700': !event.category,
@@ -110,5 +110,5 @@ const dateDuration: string | null = props.event.endDate
         {{ event.description }}
       </span>
     </div>
-  </Uibutton>
+  </button>
 </template>