1 files changed, 9 insertions, 1 deletions
diff --git a/app/assets/javascripts/groups/create_edit_form.js b/app/assets/javascripts/groups/create_edit_form.js
index 8ca0e6077e9..330d343b776 100644
--- a/app/assets/javascripts/groups/create_edit_form.js
+++ b/app/assets/javascripts/groups/create_edit_form.js
@@ -1,8 +1,12 @@
 import Vue from 'vue';
+import VueApollo from 'vue-apollo';
+import createDefaultClient from '~/lib/graphql';
 import { parseRailsFormFields } from '~/lib/utils/forms';
 import { parseBoolean } from '~/lib/utils/common_utils';
 import GroupNameAndPath from './components/group_name_and_path.vue';
 
+Vue.use(VueApollo);
+
 export const initGroupNameAndPath = () => {
   const elements = document.querySelectorAll('.js-group-name-and-path');
 
@@ -12,13 +16,17 @@ export const initGroupNameAndPath = () => {
 
   elements.forEach((element) => {
     const fields = parseRailsFormFields(element);
-    const { basePath, mattermostEnabled } = element.dataset;
+    const { basePath, newSubgroup, mattermostEnabled } = element.dataset;
 
     return new Vue({
       el: element,
+      apolloProvider: new VueApollo({
+        defaultClient: createDefaultClient(),
+      }),
       provide: {
         fields,
         basePath,
+        newSubgroup: parseBoolean(newSubgroup),
         mattermostEnabled: parseBoolean(mattermostEnabled),
       },
       render(h) {