1 files changed, 11 insertions, 3 deletions
diff --git a/app/assets/javascripts/pipeline_new/index.js b/app/assets/javascripts/pipeline_new/index.js
index e3f363f4ada..60b4c93d1d5 100644
--- a/app/assets/javascripts/pipeline_new/index.js
+++ b/app/assets/javascripts/pipeline_new/index.js
@@ -1,6 +1,9 @@
 import Vue from 'vue';
+import VueApollo from 'vue-apollo';
+import createDefaultClient from '~/lib/graphql';
 import LegacyPipelineNewForm from './components/legacy_pipeline_new_form.vue';
 import PipelineNewForm from './components/pipeline_new_form.vue';
+import { resolvers } from './graphql/resolvers';
 
 const mountLegacyPipelineNewForm = (el) => {
   const {
@@ -51,12 +54,12 @@ const mountPipelineNewForm = (el) => {
     projectRefsEndpoint,
 
     // props
-    configVariablesPath,
     defaultBranch,
     fileParam,
     maxWarnings,
     pipelinesPath,
     projectId,
+    projectPath,
     refParam,
     settingsLink,
     varParam,
@@ -65,22 +68,27 @@ const mountPipelineNewForm = (el) => {
   const variableParams = JSON.parse(varParam);
   const fileParams = JSON.parse(fileParam);
 
-  // TODO: add apolloProvider
+  Vue.use(VueApollo);
+
+  const apolloProvider = new VueApollo({
+    defaultClient: createDefaultClient(resolvers),
+  });
 
   return new Vue({
     el,
+    apolloProvider,
     provide: {
       projectRefsEndpoint,
     },
     render(createElement) {
       return createElement(PipelineNewForm, {
         props: {
-          configVariablesPath,
           defaultBranch,
           fileParams,
           maxWarnings: Number(maxWarnings),
           pipelinesPath,
           projectId,
+          projectPath,
           refParam,
           settingsLink,
           variableParams,