mirror of
https://github.com/YunoHost/yunohost-portal.git
synced 2024-09-03 20:06:23 +02:00
33 lines
693 B
Vue
33 lines
693 B
Vue
|
<script setup lang="ts">
|
||
|
|
import { H3Error } from 'h3'
|
||
|
|
|
||
|
|
const head = useLocaleHead({
|
||
|
|
addDirAttribute: true,
|
||
|
|
addSeoAttributes: true,
|
||
|
|
})
|
||
|
|
|
||
|
|
const props = defineProps<{
|
||
|
|
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>
|
||
|
|
<img class="logo" src="/assets/img/logo-white.svg" />
|
||
|
|
<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>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
.logo {
|
||
|
|
width: 50%;
|
||
|
|
max-width: 200px;
|
||
|
|
}
|
||
|
|
</style>
|