Will It Vibe?Deprecated .native event modifier
Part of Code Quality & Syntax, which counts for 20% of the overall score. When this check fires it deducts 4 points from that category, once per scan, no matter how many places it turns up.
What it detects
The .native modifier on a component event listener was removed in Vue 3; components now declare their emitted events. Listeners using .native stop firing after a Vue 3 upgrade.
Why it matters
The .native event modifier told Vue 2 to attach a listener to a component's root DOM element. Vue 3 removed it in favor of components explicitly declaring the events they emit, so a listener written with .native will not fire after an upgrade. The break is silent because the template still compiles.
How to fix it
Remove .native and have the child component forward or declare the event: in Vue 3 declare it in emits (or let attribute fallthrough pass the native listener to the root element automatically). For a genuine DOM event on a component root, bind it inside the child and re-emit, or rely on fallthrough attributes. Update the parent listener to the plain @event form.
The paid report includes a ready-to-paste prompt for your AI coding agent for every check it finds, pointed at the exact findings from your scan. See pricing
Does your repo trip this check?
Paste a GitHub URL or drop a project folder. Scans run in your browser and take seconds.
Scan your repo