<template>
	<div class="error--page">
		<div v-if="error.statusCode === 404">
			<h1>404</h1>
			<p>page not found</p>
			<nuxt-link to="/">صفحه اصلی</nuxt-link>
		</div>
		<div v-else>
			<h1>{{error.statusCode}}</h1>
			<p>{{error.message}}</p>
		</div>
	</div>
</template>

<script>
	export default {
	   props: ['error'],
		layout: 'blank'
	}
</script>
