Cleaned up most vanilla try catches

components/calendar/dialog/Delete.vue

@@ -22,26 +22,25 @@ async function handleAction(): Promise<void> {
 
   isLoading.value = true
 
-  try {
-    await $fetch(`/api/calendars/${props.calendar.id}`, { method: "DELETE" })
-    emit("on-close")
+  const { error } = await tryCatch($fetch(`/api/calendars/${props.calendar.id}`, { method: "DELETE" }))
 
+  if (error) {
     toast({
-      title: t("entity.calendar.deletedToast.title", { calendar: props.calendar.name }),
-      variant: "success",
-      duration: ToastLifetime.SHORT
+      title: error.message,
+      variant: "destructive"
     })
-  } catch (err) {
-    console.log(err)
-    if (err instanceof Error) {
-      toast({
-        title: err.message,
-        variant: "destructive"
-      })
-    }
-  } finally {
     isLoading.value = false
+    return
   }
+
+  toast({
+    title: t("entity.calendar.deletedToast.title", { calendar: props.calendar.name }),
+    variant: "success",
+    duration: ToastLifetime.SHORT
+  })
+
+  emit("on-close")
+  isLoading.value = false
 }
 
 /**

components/calendar/form/Create.vue

@@ -47,7 +47,7 @@ async function handleSubmit() {
   const { error } = await tryCatch($fetch("/api/calendars/create", { method: "POST", body: { ...calendarSkeleton.value, worldId: props.worldId } }))
 
   if (error) {
-    console.log(error)
+    console.log(error.message)
     isCreatingCalendar.value = false
     return
   }

components/calendar/form/CreateEvent.vue

@@ -29,17 +29,16 @@ async function handleSubmit() {
 
   isLoading.value = true
 
-  try {
-    await submitSkeleton()
+  const { error } = await tryCatch(submitSkeleton())
 
-    emit("event-created")
-  } catch (err) {
-    if (err instanceof Error) {
-      formErrors.message = err.message
-    }
-  } finally {
+  if (error) {
+    formErrors.message = error.message
     isLoading.value = false
+    return
   }
+
+  emit("event-created")
+  isLoading.value = false
 }
 
 /**

components/calendar/form/DeleteCategory.vue

@@ -22,21 +22,20 @@ async function handleAction(): Promise<void> {
 
   const categoryName = categorySkeleton.value?.name
 
-  try {
-    await deleteCategoryFromSkeleton()
+  const { error } = await tryCatch(deleteCategoryFromSkeleton())
 
-    toast({
-      title: t("entity.category.deletedToast.title", { category: categoryName }),
-      variant: "success",
-      duration: ToastLifetime.MEDIUM
-    })
-  } catch (err) {
-    if (err instanceof Error) {
-      formErrors.message = err.message
-    }
-  } finally {
+  if (error) {
+    formErrors.message = error.message
     isLoading.value = false
+    return
   }
+
+  toast({
+    title: t("entity.category.deletedToast.title", { category: categoryName }),
+    variant: "success",
+    duration: ToastLifetime.MEDIUM
+  })
+  isLoading.value = false
 }
 
 /**

components/calendar/form/DeleteEvent.vue

@@ -22,24 +22,23 @@ async function handleAction(): Promise<void> {
 
   const eventTitle = eventSkeleton.value.title
 
-  try {
-    await deleteEventFromSkeleton()
+  const { error } = await tryCatch(deleteEventFromSkeleton())
 
-    isDeleteEventModalOpen.value = false
-    resetSkeleton()
-
-    toast({
-      title: t("entity.calendar.event.deletedToast.title", { event: eventTitle }),
-      variant: "success",
-      duration: ToastLifetime.MEDIUM
-    })
-  } catch (err) {
-    if (err instanceof Error) {
-      formErrors.message = err.message
-    }
-  } finally {
+  if (error) {
+    formErrors.message = error.message
     isLoading.value = false
+    return
   }
+
+  isDeleteEventModalOpen.value = false
+  resetSkeleton()
+
+  toast({
+    title: t("entity.calendar.event.deletedToast.title", { event: eventTitle }),
+    variant: "success",
+    duration: ToastLifetime.MEDIUM
+  })
+  isLoading.value = false
 }
 
 /**

components/calendar/form/Update.vue

@@ -34,16 +34,20 @@ const validSkeleton = computed(() => validSkeletonGeneral.value && validSkeleton
 const isUpdatingCalendar = ref<boolean>(false)
 
 async function handleSubmit() {
-  try {
-    isUpdatingCalendar.value = true
-    await $fetch(`/api/calendars/${calendarSkeleton.value.id}`, { method: "PATCH", body: { ...calendarSkeleton.value, worldId: props.world?.id } })
+  isUpdatingCalendar.value = true
 
-    emit("on-close")
-  } catch (err) {
-    console.log(err)
-  } finally {
+  const { error } = await tryCatch(
+    $fetch(`/api/calendars/${calendarSkeleton.value.id}`, { method: "PATCH", body: { ...calendarSkeleton.value, worldId: props.world?.id } })
+  )
+
+  if (error) {
+    console.log(error.message)
     isUpdatingCalendar.value = false
+    return
   }
+
+  emit("on-close")
+  isUpdatingCalendar.value = false
 }
 
 /**

components/calendar/form/UpdateEvent.vue

@@ -23,19 +23,11 @@ async function handleAction() {
 
   isLoading.value = true
 
-  try {
-    await updateEventFromSkeleton()
+  const { error } = await tryCatch(updateEventFromSkeleton())
 
-    emit("event-updated")
-
-    toast({
-      title: t("entity.calendar.event.updatedToast.title", { event: eventSkeleton.value.title }),
-      variant: "success",
-      duration: ToastLifetime.SHORT
-    })
-  } catch (err) {
+  if (error) {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const apiError = (err as any).data as APIError
+    const apiError = (error as any).data as APIError
 
     apiError.data.errors.forEach((error) => {
       toast({
@@ -45,10 +37,21 @@ async function handleAction() {
         duration: ToastLifetime.MEDIUM,
       })
     })
-  } finally {
-    resetSkeleton()
+
     isLoading.value = false
+    return
   }
+
+  emit("event-updated")
+
+  toast({
+    title: t("entity.calendar.event.updatedToast.title", { event: eventSkeleton.value.title }),
+    variant: "success",
+    duration: ToastLifetime.SHORT
+  })
+
+  isLoading.value = false
+  resetSkeleton()
 }
 
 /**