I'm trying to show an error page when an error occurs on the client side Javascript of Vue components.

In dev mode, I get a customer error page I've created in the layouts/error.vue page whenever the client runs into an error. But when I build and start the app no error page is displayed even though the error is logged in the console. This error page is only displayed for server errors.

I've tried creating a custom error handling component using the following code:

mounted() {
  window.onerror = this.onError
},
methods: {
  onError(msg, source, ln, cn, err) {
    console.log('Error received')
    this.show = true
    this.error = { msg, source, ln, cn, err }
  }
}

However, this function does not seem to handle the client sides error that occurs.

Does anyone know what the best way is to handle all unhandled clients side errors?