Nuxt/docs/3.api/3.utils/show-error.md

925 B

title description links
showError Nuxt provides a quick and simple way to show a full screen error page if needed.
label icon to size
Source i-simple-icons-github https://github.com/nuxt/nuxt/blob/main/packages/nuxt/src/app/composables/error.ts xs

Within the Nuxt context you can use showError to show an error.

Parameters:

  • error: string | Error | Partial<{ cause, data, message, name, stack, statusCode, statusMessage }>
showError("😱 Oh no, an error has been thrown.")
showError({
  statusCode: 404,
  statusMessage: "Page Not Found"
})

The error is set in the state using useError() to create a reactive and SSR-friendly shared error state across components.

::callout showError calls the app:error hook. ::

:read-more{to="/docs/getting-started/error-handling"}