Set up Vue SDK | LaunchDarkly

Install the package

$ yarn add launchdarkly-vue-client-sdk

Initialize the SDK

Vue SDK initialization

1 // Add the code below to your main.js file.
2 import { createApp } from 'vue';
3 import App from './App.vue';
4 import { LDPlugin } from 'launchdarkly-vue-client-sdk';
5 
6 const app = createApp(App);
7 
8 // A "context" is a data object representing users, devices, organizations, and other entities.
9 const context = {
10   kind: 'user',
11   key: 'EXAMPLE_CONTEXT_KEY',
12   name: 'Sandy',
13 };
14 
15 // This is your client-side ID.
16 app.use(LDPlugin, {
17   clientSideID: 'YOUR_CLIENT_SIDE_ID',
18   context: context
19 });
20 
21 app.mount('#app');

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.

To learn more, read Initialize the client and context in the Vue SDK reference guide.

1	// Add the code below to your main.js file.
2	import { createApp } from 'vue';
3	import App from './App.vue';
4	import { LDPlugin } from 'launchdarkly-vue-client-sdk';
5
6	const app = createApp(App);
7
8	// A "context" is a data object representing users, devices, organizations, and other entities.
9	const context = {
10	kind: 'user',
11	key: 'EXAMPLE_CONTEXT_KEY',
12	name: 'Sandy',
13	};
14
15	// This is your client-side ID.
16	app.use(LDPlugin, {
17	clientSideID: 'YOUR_CLIENT_SIDE_ID',
18	context: context
19	});
20
21	app.mount('#app');