1 files changed, 45 insertions, 0 deletions
diff --git a/app/assets/javascripts/pages/projects/merge_requests/page.js b/app/assets/javascripts/pages/projects/merge_requests/page.js
new file mode 100644
index 00000000000..a8699b350f8
--- /dev/null
+++ b/app/assets/javascripts/pages/projects/merge_requests/page.js
@@ -0,0 +1,45 @@
+import Vue from 'vue';
+import StickyHeader from '~/merge_requests/components/sticky_header.vue';
+import { initIssuableHeaderWarnings } from '~/issuable';
+import initMrNotes from '~/mr_notes';
+import store from '~/mr_notes/stores';
+import initSidebarBundle from '~/sidebar/sidebar_bundle';
+import { apolloProvider } from '~/graphql_shared/issuable_client';
+import { parseBoolean } from '~/lib/utils/common_utils';
+import initShow from './init_merge_request_show';
+import getStateQuery from './queries/get_state.query.graphql';
+
+export function initMrPage() {
+  initMrNotes();
+  initShow();
+}
+
+requestIdleCallback(() => {
+  initSidebarBundle(store);
+  initIssuableHeaderWarnings(store);
+
+  const el = document.getElementById('js-merge-sticky-header');
+
+  if (el) {
+    const { data } = el.dataset;
+    const { iid, projectPath, title, tabs, isFluidLayout } = JSON.parse(data);
+
+    // eslint-disable-next-line no-new
+    new Vue({
+      el,
+      store,
+      apolloProvider,
+      provide: {
+        query: getStateQuery,
+        iid,
+        projectPath,
+        title,
+        tabs,
+        isFluidLayout: parseBoolean(isFluidLayout),
+      },
+      render(h) {
+        return h(StickyHeader);
+      },
+    });
+  }
+});