1 files changed, 27 insertions, 24 deletions
diff --git a/app/assets/javascripts/related_issues/index.js b/app/assets/javascripts/related_issues/index.js
index 655ec57bc3d..eb2f5d119b8 100644
--- a/app/assets/javascripts/related_issues/index.js
+++ b/app/assets/javascripts/related_issues/index.js
@@ -1,30 +1,33 @@
 import Vue from 'vue';
+import apolloProvider from '~/issues/show/graphql';
 import { parseBoolean } from '~/lib/utils/common_utils';
 import RelatedIssuesRoot from './components/related_issues_root.vue';
 
-export default function initRelatedIssues(issueType = 'issue') {
-  const relatedIssuesRootElement = document.querySelector('.js-related-issues-root');
-  if (relatedIssuesRootElement) {
-    // eslint-disable-next-line no-new
-    new Vue({
-      el: relatedIssuesRootElement,
-      name: 'RelatedIssuesRoot',
-      components: {
-        relatedIssuesRoot: RelatedIssuesRoot,
-      },
-      render: (createElement) =>
-        createElement('related-issues-root', {
-          props: {
-            endpoint: relatedIssuesRootElement.dataset.endpoint,
-            canAdmin: parseBoolean(relatedIssuesRootElement.dataset.canAddRelatedIssues),
-            helpPath: relatedIssuesRootElement.dataset.helpPath,
-            showCategorizedIssues: parseBoolean(
-              relatedIssuesRootElement.dataset.showCategorizedIssues,
-            ),
-            issuableType: issueType,
-            autoCompleteEpics: false,
-          },
-        }),
-    });
+export function initRelatedIssues(issueType = 'issue') {
+  const el = document.querySelector('.js-related-issues-root');
+
+  if (!el) {
+    return null;
   }
+
+  return new Vue({
+    el,
+    name: 'RelatedIssuesRoot',
+    apolloProvider,
+    provide: {
+      fullPath: el.dataset.fullPath,
+      hasIssueWeightsFeature: parseBoolean(el.dataset.hasIssueWeightsFeature),
+    },
+    render: (createElement) =>
+      createElement(RelatedIssuesRoot, {
+        props: {
+          endpoint: el.dataset.endpoint,
+          canAdmin: parseBoolean(el.dataset.canAddRelatedIssues),
+          helpPath: el.dataset.helpPath,
+          showCategorizedIssues: parseBoolean(el.dataset.showCategorizedIssues),
+          issuableType: issueType,
+          autoCompleteEpics: false,
+        },
+      }),
+  });
 }