Merge branch '_mr-refactor-part-9' into '_mr-refector-review-target'

MR Diffs Refactor Part 09: Diffs app.

See merge request gitlab-org/gitlab-ce!17853

1 files changed, 28 insertions, 0 deletions

diff --git a/app/assets/javascripts/mr_notes/index.js b/app/assets/javascripts/mr_notes/index.js
index 096c4ef5f31..c26f07f5a80 100644
--- a/app/assets/javascripts/mr_notes/index.js
+++ b/app/assets/javascripts/mr_notes/index.js
@@ -41,4 +41,32 @@ export default function initMrNotes() {
       return createElement('discussion-counter');
     },
   });
+
+  // eslint-disable-next-line no-new
+  new Vue({
+    el: '#js-diffs-app',
+    name: 'DiffsApp',
+    components: {
+      diffsApp,
+    },
+    store,
+    data() {
+      const { dataset } = document.querySelector(this.$options.el);
+
+      return {
+        endpoint: dataset.endpoint,
+      };
+    },
+    computed: {
+      ...mapGetters(['activeTab']),
+    },
+    render(createElement) {
+      return createElement('diffs-app', {
+        props: {
+          endpoint: this.endpoint,
+          shouldShow: this.activeTab === 'diffs',
+        },
+      });
+    },
+  });
 }