Skip to main content
This guide will walk you through using the BugByBug VueJS SDK in your project. This SDK wraps around the Browser SDK to provide framework-specific error handling, capturing component names, lifecycle hooks, and optional props data.
1

Install the SDK

npm install @bugbybug/vue
2

Import into your app

Import the SDK into your main application entry file, which could be a main.js or main.ts
import { createApp } from 'vue';
import App from './App.vue';
import { BugByBug } from '@bugbybug/vue';

const app = createApp(App);

app.use(BugByBug, {
  apiKey: 'YOUR_PROJECT_API_KEY', // Starts with bbb_
  environment: 'production',
  trackProps: false // Optional: set to true to include component props in error reports
});

app.mount('#app');
For more detailed information on other framework integrations, refer to their dedicated guides:

​
API Reference

For a complete list of available methods and their signatures, refer to the API Reference.