Polymorphic Custom Error Hierarchy Integration in Vue App Handler

export class DomainError extends Error {
  constructor(message, code) {
    super(message);
    this.name = this.constructor.name;
    this.code = code;
  }
}
 
export class SecurityBoundaryError extends DomainError {
  constructor(message) {
    super(message, 'ERR_SECURITY_VIOLATION');
  }
}
 
export function registerGlobalErrorHandler(app) {
  app.config.errorHandler = (err, instance, info) => {
    if (err instanceof SecurityBoundaryError) {
      console.error(`[Security Fault] ${err.code}: ${err.message} at ${info}`);
    } else if (err instanceof DomainError) {
      console.warn(`[Domain Fault] ${err.code}: ${err.message}`);
    } else {
      throw err;
    }
  };
}