Product analytics for Vue
Pug’s Web SDK is framework-agnostic JavaScript, so Vue needs no special plugin. Initialise it in main.ts before you mount the app and autocapture does the rest.
Uses the Pug Web SDK — Pug’s one framework-agnostic SDK for the browser.
npm install @poluruprvn/pug-web// src/main.ts
import { createApp } from 'vue'
import { init } from '@poluruprvn/pug-web'
import App from './App.vue'
init('your-project-id', { apiKey: 'pub_your_key' })
createApp(App).mount('#app')Product analytics in your Vue app
- Autocapture: page views, clicks, scrolls, form interactions, rage clicks, and dead clicks — after one init(), no per-event code
- identify() merges anonymous and signed-in activity into one profile per person, across devices
- track() for your own named events, with typed properties
- Trends, funnels, retention cohorts, segmentation, user flows, and top-K over every event
Pug + Vue — common questions
Is there a Vue plugin for Pug?
You don’t need one. Pug ships a single framework-agnostic Web SDK; in Vue you import @poluruprvn/pug-web and call init() in main.ts before mounting. Autocapture and the identify()/track() API work the same as anywhere else.
Does it capture Vue Router navigations?
Yes. The Web SDK records virtual page views on URL changes, so client-side routing in a Vue SPA is captured automatically.
Can I run the backend myself?
Yes — Pug is AGPL-3.0 and self-hostable on a single Go binary, or free on the cloud during open beta.
Add Pug to your Vue app.
Open-source product analytics with unified profiles. Self-host under AGPL-3.0, or use the free cloud during open beta.