<template>
  <div class="p-10 text-center">
    <h1 class="text-3xl font-bold">
      Error {{ error?.statusCode }}
    </h1>
    <p class="mt-4 text-gray-600">
      {{ error?.statusMessage }}
    </p>
    <NuxtLink to="/"
              class="mt-6 text-blue-500 underline"
    >Go back home</NuxtLink>
  </div>
</template>

<script setup lang="ts">
defineProps({ error: Object })
</script>
