1 files changed, 39 insertions, 0 deletions
diff --git a/app/assets/javascripts/feature_flags/new.js b/app/assets/javascripts/feature_flags/new.js
new file mode 100644
index 00000000000..a1efbd87ec4
--- /dev/null
+++ b/app/assets/javascripts/feature_flags/new.js
@@ -0,0 +1,39 @@
+import Vue from 'vue';
+import Vuex from 'vuex';
+import { parseBoolean } from '~/lib/utils/common_utils';
+import createStore from './store/new';
+import NewFeatureFlag from './components/new_feature_flag.vue';
+
+Vue.use(Vuex);
+
+export default () => {
+  const el = document.querySelector('#js-new-feature-flag');
+  const {
+    environmentsScopeDocsPath,
+    strategyTypeDocsPagePath,
+    endpoint,
+    featureFlagsPath,
+    environmentsEndpoint,
+    projectId,
+    userCalloutsPath,
+    userCalloutId,
+    showUserCallout,
+  } = el.dataset;
+
+  return new Vue({
+    el,
+    store: createStore({ endpoint, path: featureFlagsPath }),
+    provide: {
+      environmentsScopeDocsPath,
+      strategyTypeDocsPagePath,
+      environmentsEndpoint,
+      projectId,
+      userCalloutsPath,
+      userCalloutId,
+      showUserCallout: parseBoolean(showUserCallout),
+    },
+    render(createElement) {
+      return createElement(NewFeatureFlag);
+    },
+  });
+};