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