Safe Async Operations Using Result Tuples in Vue Methods

import { ref } from 'vue';
 
export function useSafeAsync(asyncFn) {
  const isExecuting = ref(false);
 
  async function run(...args) {
    isExecuting.value = true;
    try {
      const result = await asyncFn(...args);
      return [result, null];
    } catch (error) {
      const normalized = error instanceof Error ? error : new Error(String(error));
      return [null, normalized];
    } finally {
      isExecuting.value = false;
    }
  }
 
  return { run, isExecuting };
}