feat(ui): NotFound view

packages/@vue/cli-ui/src/router.js

@@ -11,8 +11,9 @@ import ProjectTasks from './views/ProjectTasks.vue'
 import ProjectTaskDetails from './views/ProjectTaskDetails.vue'
 import ProjectSelect from './views/ProjectSelect.vue'
 import ProjectCreate from './views/ProjectCreate.vue'
-import About from './views/About.vue'
 import FileDiffView from './components/FileDiffView.vue'
+import About from './views/About.vue'
+import NotFound from './views/NotFound.vue'
 
 import PROJECT_CURRENT from './graphql/projectCurrent.gql'
 
@@ -90,6 +91,16 @@ const router = new Router({
       path: '/about',
       name: 'about',
       component: About
+    },
+    {
+      path: '/home',
+      name: 'home',
+      redirect: { name: 'project-home' }
+    },
+    {
+      path: '*',
+      name: 'not-found',
+      component: NotFound
     }
   ]
 })

packages/@vue/cli-ui/src/views/NotFound.vue

@@ -0,0 +1,19 @@
+<template>
+  <div class="not-found page">
+    <VueIcon icon="pets" class="huge"/>
+    <h1 class="title">View not found</h1>
+    <VueButton :to="{ name: 'home' }">Go home</VueButton>
+  </div>
+</template>
+
+<style lang="stylus" scoped>
+@import "~@/style/imports"
+
+.not-found
+  v-box()
+  box-center()
+  height 100%
+
+  .title
+    margin $padding-item 0
+</style>