VueJS SDK Guide - BugByBug Docs

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.

Install the SDK

npm install @bugbybug/vue

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:

React.js SDK Guide
Angular.js SDK Guide

API Reference

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

ReactJS SDK Guide

Angular SDK Guide

​API Reference

API Reference