<template>
  <section class="bg-radial">
    <NuxtLayout>
      <section class="content">
        <h1>{{ error?.statusCode }}</h1>
        <p>{{ message }}</p>
      </section>
    </NuxtLayout>
  </section>
</template>
<script setup lang="ts">
import type { NuxtError } from 'nuxt/app'

type Props = {
  error: NuxtError
}

const { error } = defineProps<Props>()
const message = getErrorMessage(error)
</script>