Add basic route prototypes

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "storyboard-vue",
+  "name": "storyboard",
   "version": "0.1.0",
   "private": true,
   "scripts": {

src/App.vue

@@ -2,7 +2,12 @@
   <div id="app">
     <div id="nav">
       <router-link to="/">Home</router-link> |
-      <router-link to="/about">About</router-link>
+      <router-link to="/about">About</router-link> |
+      <router-link to="/story">Stories</router-link> |
+      <router-link to="/board">Boards</router-link> |
+      <router-link to="/worklist">Worklists</router-link> |
+      <router-link to="/project">Projects</router-link> |
+      <router-link to="/project-group">Project Groups</router-link>
     </div>
     <router-view/>
   </div>

src/router/index.js

@@ -17,6 +17,31 @@ const routes = [
     // 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')
+  },
+  {
+    path: '/story',
+    name: 'Stories',
+    component: () => import(/* webpackChunkName: "story" */ '../views/Story.vue')
+  },
+  {
+    path: '/board',
+    name: 'Boards',
+    component: () => import(/* webpackChunkName: "board" */ '../views/Board.vue')
+  },
+  {
+    path: '/worklist',
+    name: 'Worklists',
+    component: () => import(/* webpackChunkName: "worklist" */ '../views/Worklist.vue')
+  },
+  {
+    path: '/project',
+    name: 'Projects',
+    component: () => import(/* webpackChunkName: "project" */ '../views/Project.vue')
+  },
+  {
+    path: '/project-group',
+    name: 'Project Groups',
+    component: () => import(/* webpackChunkName: "projectgroup" */ '../views/ProjectGroup.vue')
   }
 ]
 

src/views/Board.vue

@@ -0,0 +1,5 @@
+<template>
+  <div class="about">
+    <h1>Board list here</h1>
+  </div>
+</template>

src/views/Project.vue

@@ -0,0 +1,5 @@
+<template>
+  <div class="about">
+    <h1>Project list here</h1>
+  </div>
+</template>

src/views/ProjectGroup.vue

@@ -0,0 +1,5 @@
+<template>
+  <div class="about">
+    <h1>Project Group here</h1>
+  </div>
+</template>

src/views/Story.vue

@@ -0,0 +1,5 @@
+<template>
+  <div class="about">
+    <h1>Story list here</h1>
+  </div>
+</template>

src/views/Worklist.vue

@@ -0,0 +1,5 @@
+<template>
+  <div class="about">
+    <h1>Worklist list here</h1>
+  </div>
+</template>