Managing Concurrent Batch Operations with Promise.allSettled and Reactive Progress

import { ref } from 'vue';
 
export function useBatchProcessor() {
  const pendingCount = ref(0);
  const failedTasks = ref([]);
 
  async function executeBatch(tasks) {
    pendingCount.value = tasks.length;
    failedTasks.value = [];
 
    const executionPromises = tasks.map(task => task());
    const results = await Promise.allSettled(executionPromises);
 
    for (const [index, result] of results.entries()) {
      if (result.status === 'rejected') {
        failedTasks.value.push({
          taskId: index,
          reason: result.reason instanceof Error ? result.reason.message : String(result.reason)
        });
      }
      pendingCount.value -= 1;
    }
 
    return failedTasks.value.length === 0;
  }
 
  return { pendingCount, failedTasks, executeBatch };
}