1 files changed, 31 insertions, 1 deletions
diff --git a/app/assets/javascripts/admin/topics/index.js b/app/assets/javascripts/admin/topics/index.js
index 09e9b20f220..d81690e8f4c 100644
--- a/app/assets/javascripts/admin/topics/index.js
+++ b/app/assets/javascripts/admin/topics/index.js
@@ -1,7 +1,20 @@
 import Vue from 'vue';
+import VueApollo from 'vue-apollo';
+import createDefaultClient from '~/lib/graphql';
+import showToast from '~/vue_shared/plugins/global_toast';
 import RemoveAvatar from './components/remove_avatar.vue';
+import MergeTopics from './components/merge_topics.vue';
 
-export default () => {
+const toasts = document.querySelectorAll('.js-toast-message');
+toasts.forEach((toast) => showToast(toast.dataset.message));
+
+Vue.use(VueApollo);
+
+const apolloProvider = new VueApollo({
+  defaultClient: createDefaultClient(),
+});
+
+export const initRemoveAvatar = () => {
   const el = document.querySelector('.js-remove-topic-avatar');
 
   if (!el) {
@@ -21,3 +34,20 @@ export default () => {
     },
   });
 };
+
+export const initMergeTopics = () => {
+  const el = document.querySelector('.js-merge-topics');
+
+  if (!el) return false;
+
+  const { path } = el.dataset;
+
+  return new Vue({
+    el,
+    apolloProvider,
+    provide: { path },
+    render(createElement) {
+      return createElement(MergeTopics);
+    },
+  });
+};