<template>
  <div class="error--page" style="height: 100vh;">
    <div v-if="error.statusCode === 404">
      <h1>404</h1>
      <p>صفحه مورد نظر یافت نشد</p>
      <nuxt-link class="btn bigBtn btn-primary" 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>
