<template>
	<div class="content">
		<div v-if="is404">
			<h1>{{ statusCode }}</h1>

			<p v-if="statusMessage">{{ statusMessage }}</p>
			<p v-else>This page could not be found.</p>
		</div>

		<div v-else>
			<h1>500 Internal Error</h1>

			<p v-if="statusMessage">{{ errorInfo }}</p>
			<p v-else>Something went wrong.</p>
		</div>
	</div>
</template>

<script setup>
import { usePageContext } from './usePageContext';

const { pageProps } = usePageContext();
const { is404, statusCode, statusMessage } = pageProps;
</script>
