1 files changed, 7 insertions, 15 deletions
diff --git a/app/assets/javascripts/projects/settings/init_transfer_project_form.js b/app/assets/javascripts/projects/settings/init_transfer_project_form.js
index a5f720bffaa..bc1aff640d2 100644
--- a/app/assets/javascripts/projects/settings/init_transfer_project_form.js
+++ b/app/assets/javascripts/projects/settings/init_transfer_project_form.js
@@ -1,36 +1,29 @@
 import Vue from 'vue';
-import { convertObjectPropsToCamelCase } from '~/lib/utils/common_utils';
+import VueApollo from 'vue-apollo';
+import createDefaultClient from '~/lib/graphql';
 import TransferProjectForm from './components/transfer_project_form.vue';
 
-const prepareNamespaces = (rawNamespaces = '') => {
-  if (!rawNamespaces) {
-    return { groupNamespaces: [], userNamespaces: [] };
-  }
-
-  const data = JSON.parse(rawNamespaces);
-  return {
-    groupNamespaces: data?.group?.map(convertObjectPropsToCamelCase) || [],
-    userNamespaces: data?.user?.map(convertObjectPropsToCamelCase) || [],
-  };
-};
-
 export default () => {
   const el = document.querySelector('.js-transfer-project-form');
   if (!el) {
     return false;
   }
 
+  Vue.use(VueApollo);
+
   const {
     targetFormId = null,
     targetHiddenInputId = null,
     buttonText: confirmButtonText = '',
     phrase: confirmationPhrase = '',
     confirmDangerMessage = '',
-    namespaces = '',
   } = el.dataset;
 
   return new Vue({
     el,
+    apolloProvider: new VueApollo({
+      defaultClient: createDefaultClient(),
+    }),
     provide: {
       confirmDangerMessage,
     },
@@ -39,7 +32,6 @@ export default () => {
         props: {
           confirmButtonText,
           confirmationPhrase,
-          ...prepareNamespaces(namespaces),
         },
         on: {
           selectNamespace: (id) => {