add custom error page to apps/rank
This commit is contained in:
parent
bc67f0c6f1
commit
eb3eb66d73
1 changed files with 15 additions and 0 deletions
15
apps/rank/error.vue
Normal file
15
apps/rank/error.vue
Normal 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>
|
Loading…
Add table
Add a link
Reference in a new issue