1 files changed, 30 insertions, 0 deletions
diff --git a/usecaseui-portal/vue/src/router/index.js b/usecaseui-portal/vue/src/router/index.js
new file mode 100644
index 00000000..88e94817
--- /dev/null
+++ b/usecaseui-portal/vue/src/router/index.js
@@ -0,0 +1,30 @@
+import Vue from "vue";
+import VueRouter from "vue-router";
+import Home from "../views/Home.vue";
+
+Vue.use(VueRouter);
+
+// Different from angular, this route only needs to include the route in this project
+
+const routes = [
+  {
+    path: "/vueHome",
+    name: "vueHome",
+    component: Home
+  },
+  {
+    path: "/test",
+    name: "Test",
+    // 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/Test.vue")
+  }
+];
+
+const router = new VueRouter({
+  routes
+});
+
+export default router;