使用法

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>