1 files changed, 28 insertions, 0 deletions
diff --git a/app/assets/javascripts/mr_notes/discussion_counter.js b/app/assets/javascripts/mr_notes/discussion_counter.js
new file mode 100644
index 00000000000..0bb63a7c0f9
--- /dev/null
+++ b/app/assets/javascripts/mr_notes/discussion_counter.js
@@ -0,0 +1,28 @@
+import Vue from 'vue';
+import DiscussionCounter from '~/notes/components/discussion_counter.vue';
+import store from '~/mr_notes/stores';
+
+export function initDiscussionCounter() {
+  const el = document.getElementById('js-vue-discussion-counter');
+
+  if (el) {
+    const { blocksMerge } = el.dataset;
+
+    // eslint-disable-next-line no-new
+    new Vue({
+      el,
+      name: 'DiscussionCounter',
+      components: {
+        DiscussionCounter,
+      },
+      store,
+      render(createElement) {
+        return createElement('discussion-counter', {
+          props: {
+            blocksMerge: blocksMerge === 'true',
+          },
+        });
+      },
+    });
+  }
+}