1 files changed, 24 insertions, 1 deletions

diff --git a/app/assets/javascripts/service_desk/index.js b/app/assets/javascripts/service_desk/index.js
index a9172f96540..afb2d0e8de3 100644
--- a/app/assets/javascripts/service_desk/index.js
+++ b/app/assets/javascripts/service_desk/index.js
@@ -1,8 +1,9 @@
 import Vue from 'vue';
 import VueApollo from 'vue-apollo';
+import VueRouter from 'vue-router';
 import { parseBoolean } from '~/lib/utils/common_utils';
+import ServiceDeskListApp from 'ee_else_ce/service_desk/components/service_desk_list_app.vue';
 import { gqlClient } from './graphql';
-import ServiceDeskListApp from './components/service_desk_list_app.vue';
 
 export async function mountServiceDeskListApp() {
   const el = document.querySelector('.js-service-desk-list');
@@ -12,11 +13,19 @@ export async function mountServiceDeskListApp() {
   }
 
   const {
+    projectDataReleasesPath,
+    projectDataAutocompleteAwardEmojisPath,
+    projectDataHasIterationsFeature,
+    projectDataHasIssueWeightsFeature,
+    projectDataHasIssuableHealthStatusFeature,
+    projectDataGroupPath,
     projectDataEmptyStateSvgPath,
     projectDataFullPath,
     projectDataIsProject,
     projectDataIsSignedIn,
+    projectDataSignInPath,
     projectDataHasAnyIssues,
+    projectDataInitialSort,
     serviceDeskEmailAddress,
     canAdminIssues,
     canEditProjectSettings,
@@ -28,6 +37,7 @@ export async function mountServiceDeskListApp() {
   } = el.dataset;
 
   Vue.use(VueApollo);
+  Vue.use(VueRouter);
 
   return new Vue({
     el,
@@ -35,7 +45,18 @@ export async function mountServiceDeskListApp() {
     apolloProvider: new VueApollo({
       defaultClient: await gqlClient(),
     }),
+    router: new VueRouter({
+      base: window.location.pathname,
+      mode: 'history',
+      routes: [{ path: '/' }],
+    }),
     provide: {
+      releasesPath: projectDataReleasesPath,
+      autocompleteAwardEmojisPath: projectDataAutocompleteAwardEmojisPath,
+      hasIterationsFeature: parseBoolean(projectDataHasIterationsFeature),
+      hasIssueWeightsFeature: parseBoolean(projectDataHasIssueWeightsFeature),
+      hasIssuableHealthStatusFeature: parseBoolean(projectDataHasIssuableHealthStatusFeature),
+      groupPath: projectDataGroupPath,
       emptyStateSvgPath: projectDataEmptyStateSvgPath,
       fullPath: projectDataFullPath,
       isProject: parseBoolean(projectDataIsProject),
@@ -48,7 +69,9 @@ export async function mountServiceDeskListApp() {
       serviceDeskHelpPath,
       isServiceDeskSupported: parseBoolean(isServiceDeskSupported),
       isServiceDeskEnabled: parseBoolean(isServiceDeskEnabled),
+      signInPath: projectDataSignInPath,
       hasAnyIssues: parseBoolean(projectDataHasAnyIssues),
+      initialSort: projectDataInitialSort,
     },
     render: (createComponent) => createComponent(ServiceDeskListApp),
   });