Inital commit

1 files changed, 42 insertions, 0 deletions

diff --git a/layouts/error.vue b/layouts/error.vue
new file mode 100644
index 0000000..80f4a26
--- /dev/null
+++ b/layouts/error.vue
@@ -0,0 +1,42 @@
+<template>
+  <v-app dark>
+    <h1 v-if="error.statusCode === 404">
+      {{ pageNotFound }}
+    </h1>
+    <h1 v-else>
+      {{ otherError }}
+    </h1>
+    <NuxtLink to="/"> Home page </NuxtLink>
+  </v-app>
+</template>
+
+<script>
+export default {
+  layout: 'empty',
+  props: {
+    error: {
+      type: Object,
+      default: null,
+    },
+  },
+  data() {
+    return {
+      pageNotFound: '404 Not Found',
+      otherError: 'An error occurred',
+    }
+  },
+  head() {
+    const title =
+      this.error.statusCode === 404 ? this.pageNotFound : this.otherError
+    return {
+      title,
+    }
+  },
+}
+</script>
+
+<style scoped>
+h1 {
+  font-size: 20px;
+}
+</style>