Skip to content

Demo ​

The demo/ folder contains a ready-to-run Vue 3 app covering every feature of vue-error-boundary-kit on one page, each behind its own "break it" button — so you can trigger and recover from a real error, not just read about one.

What the demo includes:

  • Basic <ErrorBoundary> + retry, and resetKeys auto-resetting the boundary on a simulated navigation
  • maxRetries, and nested boundaries demonstrating isolate (an error staying local vs. bubbling to a parent boundary)
  • useErrorBoundary() for manually capturing an error errorCaptured structurally can't see (a caught JSON.parse failure)
  • An error thrown from an async setup() behind <Suspense>
  • Reporting adapters (console + a combined reporter) and useGlobalErrorCapture() catching an unhandled promise rejection and a raw addEventListener error
  • The DevTools error history panel, fed by every boundary above
  • createRateLimitedReporter() deduplicating and rate-limiting a simulated mass-failure storm
bash
git clone https://github.com/macrulezru/vue-error-boundary-kit.git
cd vue-error-boundary-kit
npm install --prefix demo
npm run demo

Opens at http://localhost:5173.