2021-01-03 14:25:43 +05:30
|
|
|
import Vue from 'vue';
|
|
|
|
import Vuex from 'vuex';
|
|
|
|
import EditFeatureFlag from './components/edit_feature_flag.vue';
|
2021-03-11 19:13:27 +05:30
|
|
|
import createStore from './store/edit';
|
2021-01-03 14:25:43 +05:30
|
|
|
|
|
|
|
Vue.use(Vuex);
|
|
|
|
|
|
|
|
export default () => {
|
|
|
|
const el = document.querySelector('#js-edit-feature-flag');
|
|
|
|
const {
|
|
|
|
environmentsScopeDocsPath,
|
|
|
|
strategyTypeDocsPagePath,
|
|
|
|
endpoint,
|
|
|
|
featureFlagsPath,
|
|
|
|
environmentsEndpoint,
|
|
|
|
projectId,
|
|
|
|
featureFlagIssuesEndpoint,
|
2021-11-18 22:05:49 +05:30
|
|
|
searchPath,
|
2021-01-03 14:25:43 +05:30
|
|
|
} = el.dataset;
|
|
|
|
|
|
|
|
return new Vue({
|
2021-01-29 00:20:46 +05:30
|
|
|
store: createStore({ endpoint, projectId, path: featureFlagsPath }),
|
2021-01-03 14:25:43 +05:30
|
|
|
el,
|
|
|
|
provide: {
|
|
|
|
environmentsScopeDocsPath,
|
|
|
|
strategyTypeDocsPagePath,
|
|
|
|
environmentsEndpoint,
|
|
|
|
projectId,
|
|
|
|
featureFlagIssuesEndpoint,
|
2021-11-18 22:05:49 +05:30
|
|
|
searchPath,
|
2021-01-03 14:25:43 +05:30
|
|
|
},
|
|
|
|
render(createElement) {
|
|
|
|
return createElement(EditFeatureFlag);
|
|
|
|
},
|
|
|
|
});
|
|
|
|
};
|