Bug Reporting for Vue

The bug reporting widget for Vue apps

Vue 3, Vite, Nuxt or classic Options API: one widget your users and QA can click to send annotated screenshots, console errors, and network failures straight into Jira — AI-triaged on arrival.

Start FreeSee the install

Why Vue teams use it

Router-driven apps lose bug context

By the time someone describes which "page" broke in an SPA, the state is gone. Reports capture the exact URL, console, and failed requests at the moment of reporting.

warnHandler noise vs real errors

Vue’s console warnings bury the one uncaught error that mattered. The report attaches the full console stream so you can see what fired before the bug.

Scoped styles, unscoped widgets

Your scoped SFC styles stay yours: the widget renders in Shadow DOM, so neither side can restyle the other.

Install on Vue in minutes

No SDK, no backend changes — the widget is a single ES module.

  1. 1

    Get an API key

    Free plan, no card.

  2. 2

    Init in your app entry

    Add the module script in index.html, or init in main.ts / an onMounted hook with destroy() on teardown for router-scoped setups.

  3. 3

    Connect Jira

    OAuth once; every report becomes a Jira issue with full context.

// main.ts (or in a component's onMounted)
import IssueCapture from 'https://issuecapture.com/widget.js';
IssueCapture.init({ apiKey: import.meta.env.VITE_ISSUECAPTURE_KEY });

Composition and Options API patterns are both covered in the docs. Read the full Vue guide →

Every report arrives in Jira with

Annotated screenshot

Reporters circle the problem instead of describing it

Console errors

JavaScript errors and warnings from page load onward

Failed requests

4xx/5xx network calls, with privacy filters

Browser context

URL, browser, OS, viewport — automatically

Then AI triage sets priority and category and links duplicates — before the issue lands in your project (team-managed and JSM included).

Vue bug reporting: FAQ

Does it support Vue 3 and Vite?›

Yes — the widget is a framework-agnostic ES module; init it from main.ts (Vite env vars via import.meta.env) or any component lifecycle hook. Vue 2 apps can load it from index.html the same way.

What about Nuxt?›

Init on the client side (e.g. a client-only plugin or onMounted) — the widget is browser-only and needs no SSR handling beyond that.

Can users report bugs without an account?›

Yes. Reporters never need to log in to anything — they click the widget, annotate the screenshot, submit, and the issue appears in your Jira.

Does it interfere with Vue Router navigation?›

No. The widget listens passively and persists across client-side navigation; use destroy()/init() if you want different configs per route section.

Ship the widget on your Vue app today

Free plan with 10 issues/month, no credit card. Jira connection takes one OAuth click.

Start FreeRead the Docs
  • Works with Jira Cloud + JSM
  • Team-managed projects supported
  • ~40KB core, lazy-loaded extras