> ## Documentation Index
> Fetch the complete documentation index at: https://docs.bugbybug.com/llms.txt
> Use this file to discover all available pages before exploring further.

# VueJS SDK Guide

> Learn how to set up our VueJS SDK in your project

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.

<Steps>
  <Step title="Install the SDK">
    ```bash theme={null}
    npm install @bugbybug/vue
    ```
  </Step>

  <Step title="Import into your app">
    Import the SDK into your main application entry file, which could be a `main.js` or `main.ts`

    ```bash theme={null}
    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');
    ```
  </Step>
</Steps>

<Tip>
  For more detailed information on other framework integrations, refer to their dedicated guides:

  * [React.js SDK Guide](/sdk-guides/reactjs)
  * [Angular.js SDK Guide](/sdk-guides/angularjs)
</Tip>

## API Reference

For a complete list of available methods and their signatures, refer to the [API Reference](/api-reference/introduction).