Skip to content

Демо ​

В каталоге demo/ лежит готовое к запуску Vue 3 приложение, которое на одной странице показывает все возможности vue-error-boundary-kit — у каждого раздела своя кнопка «сломать», так что ошибку можно по-настоящему вызвать и восстановиться после неё, а не просто прочитать о ней.

Что входит в демо:

  • Базовый <ErrorBoundary> + повтор, и resetKeys, автоматически сбрасывающий границу при имитации навигации
  • maxRetries и вложенные границы, демонстрирующие isolate (ошибка остаётся локальной или всплывает к родительской границе)
  • useErrorBoundary() для ручного перехвата ошибки, которую errorCaptured структурно не видит (перехваченный сбой JSON.parse)
  • Ошибка, брошенная внутри асинхронного setup() под <Suspense>
  • Адаптеры отчётности (консоль + комбинированный репортер) и useGlobalErrorCapture(), перехватывающий необработанное отклонение промиса и ошибку из «сырого» addEventListener
  • Панель истории ошибок DevTools, которую питают все границы выше
  • createRateLimitedReporter(), дедуплицирующий и ограничивающий частоту при имитации массового шторма сбоев
bash
git clone https://github.com/macrulezru/vue-error-boundary-kit.git
cd vue-error-boundary-kit
npm install --prefix demo
npm run demo

Открывается на http://localhost:5173.