1 files changed, 25 insertions, 6 deletions

diff --git a/app/assets/javascripts/environments/edit.js b/app/assets/javascripts/environments/edit.js
index a128d2fb3c7..b26d96e15bd 100644
--- a/app/assets/javascripts/environments/edit.js
+++ b/app/assets/javascripts/environments/edit.js
@@ -1,19 +1,38 @@
 import Vue from 'vue';
+import VueApollo from 'vue-apollo';
 import EditEnvironment from './components/edit_environment.vue';
+import { apolloProvider } from './graphql/client';
 
-export default (el) =>
-  new Vue({
+Vue.use(VueApollo);
+
+export default (el) => {
+  if (!el) {
+    return null;
+  }
+
+  const {
+    projectEnvironmentsPath,
+    updateEnvironmentPath,
+    protectedEnvironmentSettingsPath,
+    projectPath,
+    environment,
+  } = el.dataset;
+
+  return new Vue({
     el,
+    apolloProvider: apolloProvider(),
     provide: {
-      projectEnvironmentsPath: el.dataset.projectEnvironmentsPath,
-      updateEnvironmentPath: el.dataset.updateEnvironmentPath,
-      protectedEnvironmentSettingsPath: el.dataset.protectedEnvironmentSettingsPath,
+      projectEnvironmentsPath,
+      updateEnvironmentPath,
+      protectedEnvironmentSettingsPath,
+      projectPath,
     },
     render(h) {
       return h(EditEnvironment, {
         props: {
-          environment: JSON.parse(el.dataset.environment),
+          environment: JSON.parse(environment),
         },
       });
     },
   });
+};