1 files changed, 32 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..f14dd151910
--- /dev/null
+++ b/app/assets/javascripts/feature_flags/new.js
@@ -0,0 +1,32 @@
+import Vue from 'vue';
+import NewFeatureFlag from '~/feature_flags/components/new_feature_flag.vue';
+import { parseBoolean } from '~/lib/utils/common_utils';
+
+export default () => {
+  const el = document.querySelector('#js-new-feature-flag');
+  const { environmentsScopeDocsPath, strategyTypeDocsPagePath } = el.dataset;
+
+  return new Vue({
+    el,
+    components: {
+      NewFeatureFlag,
+    },
+    provide: {
+      environmentsScopeDocsPath,
+      strategyTypeDocsPagePath,
+    },
+    render(createElement) {
+      return createElement('new-feature-flag', {
+        props: {
+          endpoint: el.dataset.endpoint,
+          path: el.dataset.featureFlagsPath,
+          environmentsEndpoint: el.dataset.environmentsEndpoint,
+          projectId: el.dataset.projectId,
+          userCalloutsPath: el.dataset.userCalloutsPath,
+          userCalloutId: el.dataset.userCalloutId,
+          showUserCallout: parseBoolean(el.dataset.showUserCallout),
+        },
+      });
+    },
+  });
+};