1 files changed, 14 insertions, 2 deletions
diff --git a/app/assets/javascripts/import_entities/import_projects/index.js b/app/assets/javascripts/import_entities/import_projects/index.js
index df26d6ac4f6..197fb03af2c 100644
--- a/app/assets/javascripts/import_entities/import_projects/index.js
+++ b/app/assets/javascripts/import_entities/import_projects/index.js
@@ -1,10 +1,14 @@
 import Vue from 'vue';
+import VueApollo from 'vue-apollo';
 import { parseBoolean } from '~/lib/utils/common_utils';
 import Translate from '~/vue_shared/translate';
+import createDefaultClient from '~/lib/graphql';
 import ImportProjectsTable from './components/import_projects_table.vue';
+
 import createStore from './store';
 
 Vue.use(Translate);
+Vue.use(VueApollo);
 
 export function initStoreFromElement(element) {
   const {
@@ -15,7 +19,7 @@ export function initStoreFromElement(element) {
     reposPath,
     jobsPath,
     importPath,
-    namespacesPath,
+    cancelPath,
     defaultTargetNamespace,
     paginatable,
   } = element.dataset;
@@ -31,7 +35,7 @@ export function initStoreFromElement(element) {
       reposPath,
       jobsPath,
       importPath,
-      namespacesPath,
+      cancelPath,
     },
     hasPagination: parseBoolean(paginatable),
   });
@@ -43,9 +47,16 @@ export function initPropsFromElement(element) {
     filterable: parseBoolean(element.dataset.filterable),
     paginatable: parseBoolean(element.dataset.paginatable),
     optionalStages: JSON.parse(element.dataset.optionalStages),
+    cancelable: Boolean(element.dataset.cancelPath),
   };
 }
 
+const defaultClient = createDefaultClient();
+
+const apolloProvider = new VueApollo({
+  defaultClient,
+});
+
 export default function mountImportProjectsTable(mountElement) {
   if (!mountElement) return undefined;
 
@@ -55,6 +66,7 @@ export default function mountImportProjectsTable(mountElement) {
   return new Vue({
     el: mountElement,
     store,
+    apolloProvider,
     render(createElement) {
       return createElement(ImportProjectsTable, { props });
     },