error.vue

<template>
	<main class="content">
		<h2 v-if="error.statusCode === 404" class="display-2 text-center mb-5">
			Page not found
		</h2>
		<h2 v-else class="display-2 text-center mb-5">
			An error occurred - {{ error.statusCode }}
		</h2>
		<NuxtLink to="/" class="d-block text-center">Retour à l'accueil</NuxtLink>
	</main>
</template>

<script>
export default {
	data() {
		return {
			breadcrumb: [
				{
					text: "Erreur ",
					active: true
				}
			]
		}
	},
	mounted() {
		$nuxt.$emit("changeRoute", this.breadcrumb)
	},
	props: ["error"],
	layout: "error"
}
</script>

<style lang="scss">
.app {
	transition: margin 0.5s ease-in-out;
}
</style>