A library to integrate Launch Darkly with Vue
npm install ld-vue   
> Integrate Launch darkly with Vue in seconds :tada:
Why this package?
* Easy and fast to use. Two steps to get Launch Darkly feature flags into your Vue app.
* Supports subscription out of the box. You get live changes on the client as you toggle features.
* You automatically get camelCased keys as opposed to the default kebab-cased.
yarn add ld-vue
1. Use the withFlagProvider mixin in your root App:
##### App.vue
``js`
2. Use the withFlags mixin in your Vue component to get them via props:
`js`
{{this.flags.devTestFlag ? 'Flag on' : 'Flag off'}}
That's it!
is
mandatory. Returns a mixin which a Vue instance can use like a normal mixin. Use this mixin in your
root App.vue instance to initialise ld-vue. Example usage with class components:
##### App.vue
`js
`The
property is optional. You can initialise the sdk with a custom user by specifying one.
This must be an object containing at least a "key" property. If you don't specify a user object,
ld-vue will create a default one that looks like this:`js
const defaultUser = {
key: uuid.v4(), // random guid
ip: ip.address(),
custom: {
browser: userAgentParser.getResult().browser.name,
device
}
};
`For more info on the user object, see here.
The
property is optional. It can be used to pass in extra options such as
Bootstrapping.For example:
`javascript
withFlagProvider({
clientSideId,
options: {
bootstrap: 'localStorage',
},
});
`$3
This is a mixin which injects all your flags to the specified component via props. Your flags will be available
as camelCased properties under . For example with class components:`js
{{this.flags.devTestFlag ? 'Flag on' : 'Flag off'}}
`$3
Internally ld-vue initialises the ldclient-js sdk and stores a reference to the resultant ldClient object in memory.
You can use this object to access the official sdk methods directly.
For example, you can do things like:js
`Example
Check the example for a standard vue cli app with feature flags.
Remember to enter your client side sdk in the root app file
and create a test flag called