MR Diffs Refactor Part 09: Diffs app._mr-refactor-part-9

1 files changed, 29 insertions, 0 deletions

diff --git a/app/assets/javascripts/mr_notes/index.js b/app/assets/javascripts/mr_notes/index.js
index 096c4ef5f31..8fcbadb6acf 100644
--- a/app/assets/javascripts/mr_notes/index.js
+++ b/app/assets/javascripts/mr_notes/index.js
@@ -2,6 +2,7 @@ import Vue from 'vue';
 import notesApp from '../notes/components/notes_app.vue';
 import discussionCounter from '../notes/components/discussion_counter.vue';
 import store from '../notes/stores';
+    diffs: diffsStoreConfig,
 
 export default function initMrNotes() {
   // eslint-disable-next-line no-new
@@ -41,4 +42,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',
+        },
+      });
+    },
+  });
 }