1 files changed, 27 insertions, 0 deletions
diff --git a/app/assets/javascripts/pages/projects/ml/candidates/show/index.js b/app/assets/javascripts/pages/projects/ml/candidates/show/index.js
new file mode 100644
index 00000000000..c1acef5ac13
--- /dev/null
+++ b/app/assets/javascripts/pages/projects/ml/candidates/show/index.js
@@ -0,0 +1,27 @@
+import Vue from 'vue';
+import MlCandidate from '~/ml/experiment_tracking/components/ml_candidate.vue';
+
+const initShowCandidate = () => {
+  const element = document.querySelector('#js-show-ml-candidate');
+  if (!element) {
+    return;
+  }
+
+  const container = document.createElement('div');
+  element.appendChild(container);
+
+  const candidate = JSON.parse(element.dataset.candidate);
+
+  // eslint-disable-next-line no-new
+  new Vue({
+    el: container,
+    provide: {
+      candidate,
+    },
+    render(h) {
+      return h(MlCandidate);
+    },
+  });
+};
+
+initShowCandidate();