Upgrade to Vue CLI 3 / Webpack 4 (#22)

Fixes #19

src/app/src/App.vue

@@ -29,7 +29,7 @@ export default {
     Navigation
   },
   data () {
-    return { version }
+    return {}
   },
   mounted () {
     this.$refs.toast.setOptions({ position: 'bottom right' })
@@ -37,6 +37,9 @@ export default {
   computed: {
     toast () {
       return this.$refs.toast
+    },
+    version () {
+      return version.endsWith('.0') ? version.substr(0, version.length - 2) : version
     }
   }
 }

src/app/src/auth/AuthService.js

@@ -8,7 +8,6 @@ import mutations from '@/store/mutation-types'
 var tokenRenewalTimeout
 
 export default class AuthService {
-
   constructor () {
     this.login = this.login.bind(this)
     this.setSession = this.setSession.bind(this)

src/app/src/components/Journal.vue

@@ -69,4 +69,4 @@ export default {
   justify-content: center;
   align-items: flex-start;
 }
-</style>
+</style>

src/app/src/components/common/Navigation.vue

@@ -93,4 +93,4 @@ export default {
   padding-left: 1.25rem;
   padding-right: 1.25rem;
 }
-</style>
+</style>

src/app/src/main.js

@@ -1,5 +1,3 @@
-// The Vue build version to load with the `import` command
-// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
 import Vue from 'vue'
 import VueProgressBar from 'vue-progressbar'
 import VueToast from 'vue-toast'
@@ -31,11 +29,8 @@ Vue.component('md-icon', MaterialDesignIcon)
 Vue.component('page-title', PageTitle)
 Vue.component('toast', VueToast)
 
-/* eslint-disable no-new */
 new Vue({
-  el: '#app',
   router,
   store,
-  template: '<App/>',
-  components: { App }
-})
+  render: h => h(App)
+}).$mount('#app')

src/app/src/router.js

@@ -18,6 +18,7 @@ Vue.use(Router)
 
 export default new Router({
   mode: 'history',
+  base: process.env.BASE_URL,
   scrollBehavior (to, from, savedPosition) {
     if (savedPosition) {
       return savedPosition