import type { NuxtError } from 'nuxt/app'

export default defineNuxtPlugin((nuxtApp) => {
  nuxtApp.hook('vue:error', (error: unknown, _instance, info) => {
    const statusCode = (error as NuxtError)?.statusCode
    if (statusCode && statusCode >= 500) {
      console.error(`[${statusCode}] Vue Error:`, error, info)
    }

    // Print out all errors that are not HTTP errors
    if (!statusCode) {
      console.error('[unknown] Vue Error:', error, info)
    }
  })
})