1 files changed, 18 insertions, 1 deletions
diff --git a/app/assets/javascripts/alert_management/details.js b/app/assets/javascripts/alert_management/details.js
index 23c3b8a742a..0fb11595a04 100644
--- a/app/assets/javascripts/alert_management/details.js
+++ b/app/assets/javascripts/alert_management/details.js
@@ -1,15 +1,32 @@
 import Vue from 'vue';
+import VueApollo from 'vue-apollo';
+import createDefaultClient from '~/lib/graphql';
 import AlertDetails from './components/alert_details.vue';
 
+Vue.use(VueApollo);
+
 export default selector => {
+  const domEl = document.querySelector(selector);
+  const { alertId, projectPath } = domEl.dataset;
+
+  const apolloProvider = new VueApollo({
+    defaultClient: createDefaultClient(),
+  });
+
   // eslint-disable-next-line no-new
   new Vue({
     el: selector,
+    apolloProvider,
     components: {
       AlertDetails,
     },
     render(createElement) {
-      return createElement('alert-details', {});
+      return createElement('alert-details', {
+        props: {
+          alertId,
+          projectPath,
+        },
+      });
     },
   });
 };