Global Error Handling and Classification in Application Config

import { createApp, ComponentPublicInstance } from 'vue';
import App from './App.vue';
 
class ApplicationError extends Error {
  constructor(message: string, public code: string) {
    super(message);
    this.name = 'ApplicationError';
  }
}
 
const app = createApp(App);
 
app.config.errorHandler = (
  err: unknown,
  instance: ComponentPublicInstance | null,
  info: string
) => {
  if (err instanceof ApplicationError) {
    console.warn(`Domain Error [${err.code}]: ${err.message} in hook (${info})`);
  } else if (err instanceof Error) {
    console.error(`Unhandled Runtime Exception: ${err.stack} at lifecycle (${info})`);
  } else {
    console.error('Unknown throw caught:', err, info);
  }
};