feat(docs) not found page (quasarframework#4526)

Author: lucasfernog

docs/src-ssr/index.js

@@ -57,7 +57,7 @@ app.get('*', (req, res) => {
         res.redirect(err.url)
       }
       else if (err.code === 404) {
-        res.status(404).send('404 | Page Not Found')
+        res.redirect('/not-found')
       }
       else {
         // Render Error Page or Redirect

docs/src/pages/Error404.vue

@@ -1,15 +1,56 @@
 <template lang="pug">
 .fixed-center.text-center.text-white
   p
-    img(src='~assets/sad.svg', style='width:30vw;max-width:150px;')
-  p.text-grey
+    img(src='statics/quasar-logo.png', style='width:30vw;max-width:150px;')
+  p.text-grey-7
     | Sorry, nothing here...
     strong  (404)
-  q-btn(
-    color='primary'
-    style='width:200px;'
-    to="/"
-  ) Homepage
+  div.menus-container
+    q-btn(
+      color='primary'
+      style='width:200px;'
+      to="/"
+    ) Homepage
+    q-btn(
+      color='primary'
+      style='width:200px;'
+      to="/quasar-cli"
+    ) Quasar CLI
+    q-btn(
+      color='primary'
+      style='width:200px;'
+      to="/style"
+    ) Style
+    q-btn(
+      color='primary'
+      style='width:200px;'
+      to="/layout"
+    ) Layout
+    q-btn(
+      color='primary'
+      style='width:200px;'
+      to="/vue-components"
+    ) Vue Components
+    q-btn(
+      color='primary'
+      style='width:200px;'
+      to="/vue-directives"
+    ) Vue Directives
+    q-btn(
+      color='primary'
+      style='width:200px;'
+      to="/quasar-plugins"
+    ) Quasar Plugins
+    q-btn(
+      color='primary'
+      style='width:200px;'
+      to="/app-extensions"
+    ) App Extensions
+    q-btn(
+      color='primary'
+      style='width:200px;'
+      to="/quasar-utils"
+    ) Quasar Utils
 </template>
 
 <script>
@@ -21,3 +62,8 @@ export default {
   }
 }
 </script>
+
+<style lang="stylus">
+.menus-container a
+  margin 4px
+</style>

docs/src/router/routes.js

@@ -94,11 +94,9 @@ const routes = [
 ]
 
 // Always leave this as last one
-if (process.env.MODE !== 'ssr') {
-  routes.push({
-    path: '*',
-    component: () => import('pages/Error404.vue')
-  })
-}
+routes.push({
+  path: process.env.MODE === 'ssr' ? '/not-found' : '*',
+  component: () => import('pages/Error404.vue')
+})
 
 export default routes