Eventos

• @error: Evento emitido quando o slot padrão do componente lança um erro.

  <template>
    <NuxtErrorBoundary @error="logSomeError">
      <!-- ... -->
    </NuxtErrorBoundary>
  </template>
  

Slots

• #error: Especifica um conteúdo de fallback para exibir em caso de erro.

    <template>
      <NuxtErrorBoundary>
        <!-- ... -->
        <template #error="{ error, clearError }">
          <p>Ocorreu um erro: {{ error }}</p>
  
          <button @click="clearError">Limpar erro</button>
        </template>
      </NuxtErrorBoundary>
    </template>
  

Exemplos

Acessando error e clearError no script

Você pode acessar as propriedades error e clearError dentro do script do componente como abaixo:

<template>
  <NuxtErrorBoundary ref="errorBoundary">
    <!-- ... -->
  </NuxtErrorBoundary>
</template>

<script setup lang="ts">
const errorBoundary = useTemplateRef('errorBoundary')

// errorBoundary.value?.error
// errorBoundary.value?.clearError()
</script>