1 files changed, 16 insertions, 1 deletions
diff --git a/app/assets/javascripts/projects/settings/repository/branch_rules/mount_branch_rules.js b/app/assets/javascripts/projects/settings/repository/branch_rules/mount_branch_rules.js
index abe0b93081e..35322e2e466 100644
--- a/app/assets/javascripts/projects/settings/repository/branch_rules/mount_branch_rules.js
+++ b/app/assets/javascripts/projects/settings/repository/branch_rules/mount_branch_rules.js
@@ -1,13 +1,28 @@
 import Vue from 'vue';
+import VueApollo from 'vue-apollo';
+import createDefaultClient from '~/lib/graphql';
 import BranchRulesApp from '~/projects/settings/repository/branch_rules/app.vue';
 
+Vue.use(VueApollo);
+
+const apolloProvider = new VueApollo({
+  defaultClient: createDefaultClient(),
+});
+
 export default function mountBranchRules(el) {
   if (!el) return null;
 
+  const { projectPath } = el.dataset;
+
   return new Vue({
     el,
+    apolloProvider,
     render(createElement) {
-      return createElement(BranchRulesApp);
+      return createElement(BranchRulesApp, {
+        props: {
+          projectPath,
+        },
+      });
     },
   });
 }