From 92b13fa3d8dd29e3e108f29daa4b2ba4fb3bcaa5 Mon Sep 17 00:00:00 2001
From: Chris Sexton <chrissexton@users.noreply.github.com>
Date: Thu, 31 Oct 2019 11:14:27 -0400
Subject: [PATCH] add skeleton example of console

---
 frontend/src/router/index.ts   |  6 ++++++
 frontend/src/views/Console.vue | 18 ++++++++++++++++++
 2 files changed, 24 insertions(+)
 create mode 100644 frontend/src/views/Console.vue

diff --git a/frontend/src/router/index.ts b/frontend/src/router/index.ts
index a1898de..285a114 100644
--- a/frontend/src/router/index.ts
+++ b/frontend/src/router/index.ts
@@ -1,6 +1,7 @@
 import Vue from 'vue'
 import VueRouter from 'vue-router'
 import Home from '../views/Home.vue'
+import Console from '../views/Console.vue'
 
 Vue.use(VueRouter)
 
@@ -17,6 +18,11 @@ 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: '/console',
+    name: 'console',
+    component: Console
   }
 ]
 
diff --git a/frontend/src/views/Console.vue b/frontend/src/views/Console.vue
new file mode 100644
index 0000000..fc2e940
--- /dev/null
+++ b/frontend/src/views/Console.vue
@@ -0,0 +1,18 @@
+<template>
+  <div class="home">
+    <img alt="Vue logo" src="../assets/logo.png">
+    <HelloWorld msg="Welcome to Your Vue.js App"/>
+  </div>
+</template>
+
+<script>
+// @ is an alias to /src
+import HelloWorld from '@/components/HelloWorld.vue'
+
+export default {
+  name: 'home',
+  components: {
+    HelloWorld
+  }
+}
+</script>