사용법

useError composable은 처리 중인 글로벌 Nuxt 오류를 반환하며, 클라이언트와 서버 모두에서 사용할 수 있습니다. 이는 앱 전반에 걸쳐 반응형이고 SSR 친화적인 오류 상태를 제공합니다.

const error = useError()

이 composable을 컴포넌트, 페이지 또는 플러그인에서 사용하여 현재 Nuxt 오류에 접근하거나 반응할 수 있습니다.

타입

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

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

매개변수

이 composable은 매개변수를 받지 않습니다.

반환 값

현재 Nuxt 오류를 포함하는 Ref를 반환합니다 (오류가 없으면 undefined). 오류 객체는 반응형이며 오류 상태가 변경될 때 자동으로 업데이트됩니다.

예제

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

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