Initial Vue app for custom emoji settings

This sets up the Vue app with the Vue router for the custom
emoji group settings page.

app/assets/javascripts/custom_emoji/components/app.vue

+<script>
+export default {};
+</script>
+
+<template>
+  <div class="row gl-mt-5">
+    <div class="col-12">
+      <h4 class="gl-mt-0">
+        {{ __('Custom emoji') }}
+      </h4>
+      <p>{{ __('Custom emoji will be available to use in every project in group.') }}</p>
+      <router-view />
+    </div>
+  </div>
+</template>

app/assets/javascripts/custom_emoji/custom_emoji_bundle.js

+import Vue from 'vue';
+import VueRouter from 'vue-router';
+import VueApollo from 'vue-apollo';
+import createDefaultClient from '~/lib/graphql';
+import routes from './routes';
+import App from './components/app.vue';
+
+export const initCustomEmojis = () => {
+  Vue.use(VueApollo);
+  Vue.use(VueRouter);
+
+  const el = document.getElementById('js-custom-emojis-root');
+
+  if (!el) return;
+
+  const apolloProvider = new VueApollo({
+    defaultClient: createDefaultClient(),
+  });
+  const router = new VueRouter({
+    base: el.dataset.basePath,
+    mode: 'history',
+    routes,
+  });
+  const { groupPath } = el.dataset;
+
+  // eslint-disable-next-line no-new
+  new Vue({
+    el,
+    name: 'CustomEmojiApp',
+    router,
+    apolloProvider,
+    provide: {
+      groupPath,
+    },
+    render(createElement) {
+      return createElement(App);
+    },
+  });
+};

app/assets/javascripts/custom_emoji/pages/index.vue

+<script>
+export default {};
+</script>
+
+<template>
+  <div></div>
+</template>

app/assets/javascripts/custom_emoji/pages/new.vue

+<script>
+export default {};
+</script>
+
+<template>
+  <div>
+    <h5 class="gl-mt-0 gl-font-lg">
+      {{ __('Add new emoji') }}
+    </h5>
+  </div>
+</template>

app/assets/javascripts/custom_emoji/routes.js

+import IndexComponent from './pages/index.vue';
+import NewComponent from './pages/new.vue';
+
+export default [
+  {
+    path: '/',
+    component: IndexComponent,
+  },
+  {
+    path: '/new',
+    component: NewComponent,
+  },
+];

locale/gitlab.pot

@@ -2867,6 +2867,9 @@ msgstr ""
 msgid "Add new directory"
 msgstr ""
+msgid "Add new emoji"
+msgstr ""
+
 msgid "Add new webhook"
 msgstr ""
@@ -13735,6 +13738,12 @@ msgstr ""
 msgid "Custom analyzers: language support"
 msgstr ""
+msgid "Custom emoji"
+msgstr ""
+
+msgid "Custom emoji will be available to use in every project in group."
+msgstr ""
+
 msgid "Custom hostname (for private commit emails)"
 msgstr ""