Modulis for Vue.js

Monitor your Vue.js applications with reactivity tracking, state management integration, and component lifecycle insights built for the Vue ecosystem.

Get Started View Setup Guide

Get Started in Minutes

Add Modulis to your Vue.js project with just a few lines of code.

Install the package

npm install @modulis/vue

Register Modulis as a Vue plugin

// main.js
import { createApp } from 'vue';
import { modulisPlugin } from '@modulis/vue';
import App from './App.vue';

const app = createApp(App);
app.use(modulisPlugin, {
  apiKey: 'YOUR_API_KEY',
});
app.mount('#app');

Deploy and monitor

Deploy your application and start seeing real-time telemetry data in your Modulis dashboard within seconds.

Key Features for Vue.js

Purpose-built instrumentation designed for the Vue.js ecosystem.

Reactivity Tracking

Monitor Vue's reactivity system to detect expensive computed properties and watch effects.

Vuex/Pinia Integration

Track state mutations, action dispatches, and store performance with full context.

Component Lifecycle Monitoring

Gain visibility into component mount, update, and unmount cycles across your app.

Vue Router Analytics

Track navigation timing, route guard performance, and page transition metrics.

Why Modulis + Vue.js?

Supports Vue 3 Composition API and Options API

Works with Nuxt 3 for full-stack monitoring

Automatic component-level error capture

Minimal bundle size impact with tree-shaking support