Create basic error page

layouts/error.vue

+<template>
+  <div class="container error-container">
+    <h1 v-if="error.statusCode === 404">Page not found</h1>
+    <h1 v-else>An error occurred</h1>
+    <NuxtLink to="/">Go to the home page</NuxtLink>
+  </div>
+</template>
+
+<script>
+export default {
+  props: ['error'],
+  layout: 'errorLayout',
+}
+</script>
+
+<style lang="scss">
+.error-container {
+  justify-content: center;
+
+  h1 {
+    font-size: 2rem;
+    text-shadow: 0 5px 7px #222;
+    margin-bottom: 1em;
+  }
+
+  a {
+    text-decoration: underline;
+  }
+}
+</style>

layouts/errorLayout.vue

+<template>
+  <div>
+    <Nuxt />
+  </div>
+</template>
+
+<script>
+export default {
+  head() {
+    return {
+      bodyAttrs: {
+        id: 'error-page'
+      }
+    }
+  }
+}
+</script>
+
+<style>
+#error-page {
+  background-image: linear-gradient(hsl(201, 16%, 43%), #003b70);
+}
+</style>