Komponenten-Fehlergrenzen-Abfangung mittels onErrorCaptured Lebenszyklus-Hook

import { ref, onErrorCaptured } from 'vue';
 
export function useComponentBoundaryHandler(fallbackLogger) {
  const errorState = ref(null);
 
  onErrorCaptured((err, targetInstance, info) => {
    errorState.value = {
      message: err instanceof Error ? err.message : String(err),
      componentName: targetInstance?.$options.name || 'Anonymous',
      lifecyclePhase: info
    };
    fallbackLogger(err, info);
    return false;
  });
 
  return { errorState, clearError: () => { errorState.value = null; } };
}