<NuxtErrorBoundary>
The <NuxtErrorBoundary> component handles client-side errors happening in its default slot.
The
<NuxtErrorBoundary> uses Vue's onErrorCaptured hook under the hood.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>