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

# Set up Vue SDK

<View title="Developer" />

<View title="Federal docs" />

<View title="EU docs" />

<View title="Federal docs">
  <Danger>
    **LaunchDarkly onboarding is not available in federal environments**

    To learn more, read <a href="/docs/home/infrastructure/federal">LaunchDarkly in federal environments</a>.
  </Danger>
</View>

Install and initialize the LaunchDarkly Vue SDK to start evaluating feature flags in your application.

## Install the package

<CodeGroup>
  ```shell title="yarn" lines wrap theme={null}
  yarn add launchdarkly-vue-client-sdk
  ```

  ```shell title="npm" lines wrap theme={null}
  npm i launchdarkly-vue-client-sdk
  ```

  ```shell title="pnpm" lines wrap theme={null}
  pnpm i launchdarkly-vue-client-sdk
  ```
</CodeGroup>

### Initialize the SDK

```tsx title="Vue SDK initialization" expandable lines wrap theme={null}
// Add the code below to your main.js file.
import { createApp } from 'vue';
import App from './App.vue';
import { LDPlugin } from 'launchdarkly-vue-client-sdk';

const app = createApp(App);

// A "context" is a data object representing users, devices, organizations, and other entities.
const context = {
  kind: 'user',
  key: 'EXAMPLE_CONTEXT_KEY',
  name: 'Sandy',
};

// This is your client-side ID.
app.use(LDPlugin, {
  clientSideID: 'YOUR_CLIENT_SIDE_ID',
  context: context
});

app.mount('#app');
```

<Accordion title="Finding your SDK credentials">
  You can find your server-side SDK keys, mobile keys, and client-side ID on the **SDK keys** page under **Settings**.
</Accordion>

To learn more, read [Initialize the client and context](/docs/sdk/client-side/vue#initialize-the-client-and-context) in the Vue SDK reference guide.