1 files changed, 17 insertions, 0 deletions
diff --git a/app/assets/javascripts/organizations/groups_and_projects/index.js b/app/assets/javascripts/organizations/groups_and_projects/index.js
index d0790bcc040..f3f15c635f1 100644
--- a/app/assets/javascripts/organizations/groups_and_projects/index.js
+++ b/app/assets/javascripts/organizations/groups_and_projects/index.js
@@ -1,22 +1,39 @@
 import Vue from 'vue';
 import VueApollo from 'vue-apollo';
+import VueRouter from 'vue-router';
 import createDefaultClient from '~/lib/graphql';
 import resolvers from './graphql/resolvers';
 import App from './components/app.vue';
+import { ORGANIZATION_ROOT_ROUTE_NAME } from './constants';
+
+export const createRouter = () => {
+  const routes = [{ path: '/', name: ORGANIZATION_ROOT_ROUTE_NAME }];
+
+  const router = new VueRouter({
+    routes,
+    base: '/',
+    mode: 'history',
+  });
+
+  return router;
+};
 
 export const initOrganizationsGroupsAndProjects = () => {
   const el = document.getElementById('js-organizations-groups-and-projects');
 
   if (!el) return false;
 
+  Vue.use(VueRouter);
   const apolloProvider = new VueApollo({
     defaultClient: createDefaultClient(resolvers),
   });
+  const router = createRouter();
 
   return new Vue({
     el,
     name: 'OrganizationsGroupsAndProjects',
     apolloProvider,
+    router,
     render(createElement) {
       return createElement(App);
     },