Uso

El composable useError devuelve el error global de Nuxt que se está manejando y está disponible tanto en el cliente como en el servidor. Proporciona un estado de error reactivo y compatible con SSR en toda tu aplicación.

const error = useError()

Puedes usar este composable en tus componentes, páginas o plugins para acceder o reaccionar al error actual de Nuxt.

Tipo

interface NuxtError<DataT = unknown> {
  statusCode: number
  statusMessage: string
  message: string
  data?: DataT
  error?: true
}

export const useError: () => Ref<NuxtError | undefined>

Parámetros

Este composable no toma ningún parámetro.

Valores de Retorno

Devuelve un Ref que contiene el error actual de Nuxt (o undefined si no hay error). El objeto de error es reactivo y se actualizará automáticamente cuando cambie el estado del error.

Ejemplo

<script setup lang="ts">
const error = useError()

if (error.value) {
  console.error('Error de Nuxt:', error.value)
}
</script>