<template>
  <div>
    <h1>
      {{ error.statusCode }}
    </h1>
    <h2 v-if="error.message === 'You are not authorized'">
      Для продолжения Вы должно быть авторизованы!
    </h2>
    <h2 v-else>
      {{ error.message }}
    </h2>
    <nuxt-link class="button primary shadowed" to="/" v-if="error.statusCode === 401">
      Войти
    </nuxt-link>
    <nuxt-link class="button primary shadowed" to="/" v-if="error.statusCode === 404">
      Homepage 404
    </nuxt-link>
    <nuxt-link class="button primary shadowed" to="/" v-if="error.statusCode === 500">
      Homepage 500
    </nuxt-link>
  </div>
</template>

<script>
export default {
  data() {
    return {
      title: 'ls: Error'
    }
  },
  head() {
    return {
      title: this.title
    }
  },
  props: {
    error: {
      type: Object,
      default: {}
    }
  },
  mounted () {
    console.log('error.statusCode',this.error.statusCode)
  }
}
</script>