Implemented update event systems

ui/src/components/calendar/ViewCalendarEvent.vue

@@ -42,6 +42,7 @@ watch(
 const emit = defineEmits<{
     (e: 'close'): void
     (e: 'reload'): void
+    (e: 'edit', event: CalendarEvent): void
 }>()
 
 // const activeEvent = computed(() => props.event)
@@ -91,6 +92,12 @@ async function setCancel(isCancelled: boolean) {
     emit("reload");
     activeEvent.value = await getCalendarEvent(activeEvent.value.id);
 }
+
+async function forceReload() {
+    activeEvent.value = await getCalendarEvent(activeEvent.value.id);
+}
+
+defineExpose({forceReload})
 </script>
 
 <template>
@@ -109,7 +116,7 @@ async function setCancel(isCancelled: boolean) {
                         </button>
                     </DropdownMenuTrigger>
                     <DropdownMenuContent>
-                        <DropdownMenuItem>
+                        <DropdownMenuItem @click="emit('edit', activeEvent)">
                             Edit
                         </DropdownMenuItem>
                         <DropdownMenuItem v-if="activeEvent.cancelled"