2023-08-05 16:06:28 +02:00
|
|
|
<script setup lang="ts">
|
|
|
|
|
import { H3Error } from 'h3'
|
|
|
|
|
|
|
|
|
|
const head = useLocaleHead({
|
|
|
|
|
addDirAttribute: true,
|
|
|
|
|
addSeoAttributes: true,
|
|
|
|
|
})
|
|
|
|
|
|
2023-11-14 19:17:04 +01:00
|
|
|
defineProps<{
|
2023-08-05 16:06:28 +02:00
|
|
|
error: H3Error
|
|
|
|
|
}>()
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<template>
|
|
|
|
|
<main
|
|
|
|
|
class="container mx-auto p-10 min-h-screen flex flex-col justify-center items-center"
|
|
|
|
|
>
|
|
|
|
|
<Html :lang="head.htmlAttrs?.lang" :dir="head.htmlAttrs?.dir"></Html>
|
2023-11-07 18:07:14 +01:00
|
|
|
<CustomLogo class="logo" />
|
2023-08-05 16:06:28 +02:00
|
|
|
<div class="text-center mt-10">
|
|
|
|
|
<h1 class="text-7xl font-bold">{{ error.statusCode }}</h1>
|
|
|
|
|
<p class="py-6">{{ error.statusMessage }}</p>
|
|
|
|
|
</div>
|
|
|
|
|
</main>
|
|
|
|
|
</template>
|
|
|
|
|
|
2023-11-07 18:00:26 +01:00
|
|
|
<style scoped>
|
2023-08-05 16:06:28 +02:00
|
|
|
.logo {
|
2023-11-07 18:07:14 +01:00
|
|
|
max-width: 196px;
|
|
|
|
|
max-height: 170px;
|
2023-08-05 16:06:28 +02:00
|
|
|
}
|
|
|
|
|
</style>
|
