Установка

Требования

Окружение	Минимальная версия
Vue	3.4.0+
Node.js	^20.19.0 или >=22.12.0
@nuxt/kit	3.0.0+ (опционально — только для модуля /nuxt)
vue-router	4.0.0+ (опционально — только для интеграции /router)
@tanstack/vue-query	5.0.0+ (опционально — только для интеграции /tanstack-query)

Установка

npm install vue-error-boundary-kit

Быстрый старт

<script setup lang="ts">
import { ErrorBoundary } from 'vue-error-boundary-kit'
import UserProfile from './UserProfile.vue'

const userId = ref('42')
const routeId = ref('profile')

function handleError(error) {
  // error: CapturedError — см. раздел Types ниже
}
</script>

<template>
  <ErrorBoundary :reset-keys="[routeId]" @error="handleError">
    <template #default>
      <UserProfile :id="userId" />
    </template>
    <template #fallback="{ error, reset, retryCount }">
      <ErrorState :message="error.message" @retry="reset" />
    </template>
  </ErrorBoundary>
</template>