Frontend integration
Nevision for Vue
Vue 2 and Vue 3 are both supported. Drop the recorder script into your index.html — no plugin, no bundler config. Works with Vite, Vue CLI, Nuxt 3, and Quasar.
Install
index.html
<!-- Add inside <head>, before any other analytics scripts --> <script src="https://api.nevision.app/recorder.js?siteId=YOUR_SITE_ID" async></script>
Initialize
index.html (Vue 3 + Vite)
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>My Vue App</title>
<script
src="https://api.nevision.app/recorder.js?siteId=YOUR_SITE_ID"
data-environment="production"
data-release="v2.4.1"
async></script>
</head>
<body>
<div id="app"></div>
<script type="module" src="/src/main.ts"></script>
</body>
</html>Common pitfalls
Load the script in <head>
With async, the recorder fetches in parallel with your bundle and is ready to capture errors that happen during Vue's initial mount.
Vue Devtools is fine
Vue Devtools works alongside the recorder — they hook at different layers (DOM vs reactivity). No conflicts.
FAQ
Does it work with Nuxt 3?+
Yes — add the script tag to nuxt.config.ts under app.head.script. It will be injected into every page automatically.
Will it capture Vue's reactive errors?+
Yes — Vue's app.config.errorHandler errors propagate through window.onerror and are captured automatically.