A Vue client for Flagsmith.
Inspired from crishellco's vue-unleash.
Flagsmith Vue Client provides an integration for Vue and the Flagsmith open-source feature flag platform.
This plugin requires that your project use Vuex.
yarn add -D flagsmith-vue-client
# or
npm i -D flagsmith-vue-clientimport Vue from 'vue';
import VueFlagsmith from 'flagsmith-vue-client';
import Vuex from 'vuex';
Vue.use(Vuex);
const store = new Vuex.Store({});
/**
* The <flagsmith-feature /> component is registered
* globally during installation.
*/
Vue.use(VueFlagsmith, {
// Required, environment id
environmentId: 'my-vue-app-1',
// Optional, Flagsmith API host (defaults to https://api.flagsmith.com)
host: 'https://api.flagsmith.com',
// Required
store
});<template>
<flagsmith-feature name="BannerVisible">
<add-user-form />
</flagsmith-feature>
</template>export default {
mounted() {
// Get all feature flags
console.log(this.$store.state.flagsmith.featureFlags);
// Get weather initial loading is occurring
console.log(this.$store.state.flagsmith.loading);
// Re-fetch data
this.$store.dispatch('flagsmith/fetch');
}
};yarn lintyarn testyarn build- Add featureFlags getter for store
- Add functionality for if-else conditinal rendering (if flag is enabled render x, else render y)
- Fork the repository
- Create a new branch for each feature or improvement
- Send a pull request from each feature branch to the develop branch