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 <derick.montague@ibm.com>
diff --git a/src/router/index.js b/src/router/index.js
new file mode 100644
index 0000000..dfa1e58
--- /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;