From a2988f40b965fdcf2941ff6e62c5bac5cf0e6988 Mon Sep 17 00:00:00 2001 From: Derick Montague Date: Fri, 17 Jan 2020 13:46:30 -0600 Subject: Create basic application using vue - Create vue app - Add AppHeader and AppNavigation - Set up routes for server overview and local user management - Add themes and set to gray-10 theme - Add active class for current navigation - Add a prototype method named $http to vue prototype - The UI uses console logs in production to communicate to users - Add boostrap vue component library Change-Id: Ib6618e6357ca01bdac6de4ed031a15c8552226f3 Signed-off-by: Derick Montague --- src/router/index.js | 36 ++++++++++++++++++++++++++++++++++++ 1 file changed, 36 insertions(+) create mode 100644 src/router/index.js (limited to 'src/router') diff --git a/src/router/index.js b/src/router/index.js new file mode 100644 index 00000000..dfa1e58b --- /dev/null +++ b/src/router/index.js @@ -0,0 +1,36 @@ +import Vue from "vue"; +import VueRouter from "vue-router"; +import Home from "../views/Home.vue"; + +Vue.use(VueRouter); + +const routes = [ + { + path: "/", + name: "home", + component: Home + }, + { + path: "/access-control/local-user-management", + name: "local-users", + component: () => import("@/views/AccessControl/LocalUserManagement.vue") + } + // { + // path: "/about", + // name: "about", + // // route level code-splitting + // // this generates a separate chunk (about.[hash].js) for this route + // // which is lazy-loaded when the route is visited. + // component: () => + // import(/* webpackChunkName: "about" */ "../views/About.vue") + // } +]; + +const router = new VueRouter({ + mode: "history", + base: process.env.BASE_URL, + routes, + linkExactActiveClass: "nav__link--current" +}); + +export default router; -- cgit v1.2.3