fix: page not found component (#990)

client/client-app.js

@@ -159,6 +159,7 @@ Vue.component('login', () => import(/* webpackPrefetch: true, webpackChunkName:
 Vue.component('nav-header', () => import(/* webpackMode: "eager" */ './components/common/nav-header.vue'))
 Vue.component('new-page', () => import(/* webpackChunkName: "new-page" */ './components/new-page.vue'))
 Vue.component('notify', () => import(/* webpackMode: "eager" */ './components/common/notify.vue'))
+Vue.component('not-found', () => import(/* webpackChunkName: "not-found" */ './components/not-found.vue'))
 Vue.component('page-selector', () => import(/* webpackPrefetch: true, webpackChunkName: "ui-extra" */ './components/common/page-selector.vue'))
 Vue.component('profile', () => import(/* webpackChunkName: "profile" */ './components/profile.vue'))
 Vue.component('register', () => import(/* webpackChunkName: "register" */ './components/register.vue'))

client/components/not-found.vue

@@ -0,0 +1,24 @@
+<template lang='pug'>
+  v-app
+    .notfound
+      .notfound-content
+        img.animated.fadeIn(src='/svg/icon-delete-file.svg', alt='Not Found')
+        .headline {{$t('notfound.title')}}
+        .subheading.mt-3 {{$t('notfound.subtitle')}}
+        v-btn.mt-5(color='red lighten-4', href='/', large, outlined)
+          v-icon(left) mdi-home
+          span {{$t('notfound.gohome')}}
+</template>
+
+<script>
+
+export default {
+  data() {
+    return { }
+  }
+}
+</script>
+
+<style lang='scss'>
+
+</style>

client/components/setup.vue

@@ -73,7 +73,7 @@
                   persistent-hint,
                   hint='Help Wiki.js developers improve this app with anonymized telemetry.'
                 )
-              v-alert(:value='error', type='error', icon='warning') {{ errorMessage }}
+              v-alert(:value='error', type='error', icon='mdi-alert') {{ errorMessage }}
               v-divider.mt-3(v-if='!error')
               v-card-actions
                 v-btn(color='primary', @click='install', :disabled='loading', x-large, flat, block)

server/views/notfound.pug

@@ -2,12 +2,4 @@ extends master.pug
 
 block body
   #root.is-fullscreen
-    v-app
+    not-found
-      .notfound
-        .notfound-content
-          img.animated.fadeIn(src='/svg/icon-delete-file.svg', alt='Not Found')
-          .headline= t('notfound.title')
-          .subheading.mt-3= t('notfound.subtitle')
-          v-btn.mt-5(color='red lighten-4', href='/', large, outline)
-            v-icon(left) home
-            span= t('notfound.gohome')