<NuxtErrorBoundary>
The <NuxtErrorBoundary> component handles client-side errors happening in its default slot, using Vue's onErrorCaptured hook.
Events
@error: Event emitted when the default slot of the component throws an error.<template> <NuxtErrorBoundary @error="logSomeError"> <!-- ... --> </NuxtErrorBoundary></template>
Slots
- #error: Specify a fallback content to display in case of error.
<template> <NuxtErrorBoundary> <!-- ... --> <template #error="{ error }"> <p>An error occurred: {{ error }}</p> </template> </NuxtErrorBoundary> </template>
Read more in Docs > Getting Started > Error Handling.