1 files changed, 27 insertions, 0 deletions
diff --git a/app/assets/javascripts/pages/projects/merge_requests/creations/new/index.js b/app/assets/javascripts/pages/projects/merge_requests/creations/new/index.js
index 9aecd154483..b3868653d6a 100644
--- a/app/assets/javascripts/pages/projects/merge_requests/creations/new/index.js
+++ b/app/assets/javascripts/pages/projects/merge_requests/creations/new/index.js
@@ -1,10 +1,37 @@
+import $ from 'jquery';
+import Vue from 'vue';
 import initPipelines from '~/commit/pipelines/pipelines_bundle';
 import MergeRequest from '~/merge_request';
+import TargetProjectDropdown from '~/merge_requests/components/target_project_dropdown.vue';
 import initCompare from './compare';
 
 const mrNewCompareNode = document.querySelector('.js-merge-request-new-compare');
 if (mrNewCompareNode) {
   initCompare(mrNewCompareNode);
+
+  const el = document.getElementById('js-target-project-dropdown');
+  const { targetProjectsPath, currentProject } = el.dataset;
+
+  // eslint-disable-next-line no-new
+  new Vue({
+    el,
+    name: 'TargetProjectDropdown',
+    provide: {
+      targetProjectsPath,
+      currentProject: JSON.parse(currentProject),
+    },
+    render(h) {
+      return h(TargetProjectDropdown, {
+        on: {
+          'project-selected': function projectSelectedFunction(refsUrl) {
+            const $targetBranchDropdown = $('.js-target-branch');
+            $targetBranchDropdown.data('refsUrl', refsUrl);
+            $targetBranchDropdown.data('deprecatedJQueryDropdown').clearMenu();
+          },
+        },
+      });
+    },
+  });
 } else {
   const mrNewSubmitNode = document.querySelector('.js-merge-request-new-submit');
   // eslint-disable-next-line no-new