add custom error page to apps/rank

This commit is contained in:
Kim, Jimin 2025-03-18 06:26:06 +09:00
parent bc67f0c6f1
commit eb3eb66d73
Signed by: pomp
GPG key ID: D3932F82A0667A3B

15
apps/rank/error.vue Normal file
View file

@ -0,0 +1,15 @@
<script setup lang="ts">
import type { NuxtError } from "#app"
const props = defineProps({
error: Object as () => NuxtError,
})
</script>
<template>
<div class="flex flex-col items-center">
<h2 class="text-8xl font-black">{{ $props.error?.statusCode }}</h2>
<p>{{ $props.error?.statusMessage }}</p>
<NuxtLink href="/" class="underline">bring me home!</NuxtLink>
</div>
</template>