Many changes

- Express -> Koa
- Babel for transforming 'import' into 'require'
- SQL done for adding request; just need to get the app to call it

src/app/src/components/Dashboard.vue

@@ -1,14 +1,16 @@
 <template lang="pug">
   article
     page-title(:title="title")
-    p here you are!
     p(v-if="isLoadingJournal") journal is loading...
-    p(v-if="!isLoadingJournal") journal has {{ journal.length }} entries
+    template(v-if="!isLoadingJournal")
+      new-request
+      p journal has {{ journal.length }} entries
 </template>
 
 <script>
 import { mapState } from 'vuex'
 import PageTitle from './PageTitle'
+import NewRequest from './request/NewRequest'
 
 import * as actions from '@/store/action-types'
 
@@ -19,7 +21,8 @@ export default {
     return {}
   },
   components: {
-    PageTitle
+    PageTitle,
+    NewRequest
   },
   computed: {
     title () {

src/app/src/components/request/NewRequest.vue

@@ -0,0 +1,26 @@
+<template lang="pug">
+  div
+    el-button(@click='showNewVisible = true') Add a New Request
+    el-dialog(title='Add a New Prayer Request' :visible.sync='showNewVisible')
+      el-form(:model='form' :label-position='top')
+        el-form-item(label='Prayer Request')
+          el-input(type='textarea' v-model.trim='form.requestText' :rows='10')
+      span.dialog-footer(slot='footer')
+        el-button(@click='showNewVisible = false') Cancel
+        el-button(type='primary' @click='showNewVisible = false') Confirm
+</template>
+
+<script>
+export default {
+  name: 'new-request',
+  data () {
+    return {
+      showNewVisible: false,
+      form: {
+        requestText: ''
+      },
+      formLabelWidth: '120px'
+    }
+  }
+}
+</script>