useError

ソース
useError コンポーザブルは、現在処理されているグローバルな Nuxt エラーを返します。

使用方法

useError コンポーザブルは、現在処理されているグローバルな Nuxt エラーを返し、クライアントとサーバーの両方で利用できます。これは、アプリ全体でリアクティブで SSR フレンドリーなエラー状態を提供します。

const error = useError()

このコンポーザブルをコンポーネント、ページ、またはプラグインで使用して、現在の Nuxt エラーにアクセスしたり、反応したりできます。

タイプ

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

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

パラメーター

このコンポーザブルはパラメーターを取りません。

戻り値

現在の Nuxt エラー（エラーがない場合は undefined）を含む Ref を返します。エラーオブジェクトはリアクティブであり、エラーの状態が変更されると自動的に更新されます。

例

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

if (error.value) {
  console.error('Nuxt error:', error.value)
}
</script>
Docs > 4 X > Getting Started > Error Handling で詳細をご覧ください。