refactor: rename isLoading to isProcessing

isProcessing seems more general purpose as it’s not clear if the
provided function actually loads something.

src/components/images/ImagePickerDialog.vue

@@ -105,7 +105,7 @@ const isSelectedImageNew = computed(() => {
   else if ('id' in selectedImage.value) return selectedImage.value.id !== props.modelValue
   else return true
 })
-const { isLoading: isSaving, fn: saveAndSelectImage } = useAsyncFunction(
+const { isProcessing: isSaving, fn: saveAndSelectImage } = useAsyncFunction(
   async (image: Image | NewImage) => {
     error.value = undefined
     const data = new FormData()

src/util.ts

@@ -14,16 +14,16 @@ export const useId = (() => {
 })()
 
 export function useAsyncFunction<F extends (...args: never[]) => Promise<unknown>>(fn: F) {
-  const isLoading = ref(false)
+  const isProcessing = ref(false)
   async function wrapper(...args: Parameters<F>): Promise<Awaited<ReturnType<F>>> {
-    isLoading.value = true
+    isProcessing.value = true
     try {
       return (await fn(...args)) as Awaited<ReturnType<F>>
     } finally {
-      isLoading.value = false
+      isProcessing.value = false
     }
   }
-  return { fn: wrapper, isLoading }
+  return { fn: wrapper, isProcessing }
 }
 
 export function useUpdatableState<T>(