Press n or j to go to the next uncovered block, b, p or k for the previous block.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 | import Vue from 'vue'; // eslint-disable-next-line no-restricted-imports import Vuex from 'vuex'; import csrf from '~/lib/utils/csrf'; import FeatureFlagsComponent from './components/feature_flags.vue'; import createStore from './store/index'; Vue.use(Vuex); export default () => { const el = document.querySelector('#feature-flags-vue'); const { projectName, featureFlagsHelpPagePath, errorStateSvgPath, endpoint, projectId, unleashApiInstanceId, rotateInstanceIdPath, featureFlagsClientLibrariesHelpPagePath, featureFlagsClientExampleHelpPagePath, unleashApiUrl, canUserAdminFeatureFlag, newFeatureFlagPath, userListPath, featureFlagsLimitExceeded, featureFlagsLimit, } = el.dataset; return new Vue({ el, store: createStore({ endpoint, projectId, unleashApiInstanceId, rotateInstanceIdPath }), provide: { projectName, featureFlagsHelpPagePath, errorStateSvgPath, featureFlagsClientLibrariesHelpPagePath, featureFlagsClientExampleHelpPagePath, unleashApiUrl, csrfToken: csrf.token, canUserConfigure: canUserAdminFeatureFlag !== undefined, newFeatureFlagPath, featureFlagsLimitExceeded: featureFlagsLimitExceeded !== undefined, featureFlagsLimit, userListPath, }, render(createElement) { return createElement(FeatureFlagsComponent); }, }); }; |