<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>
