From eb3eb66d73aad36e44f13f2d2ca22d0ca3c9caf2 Mon Sep 17 00:00:00 2001
From: pompydev <pompydev@proton.me>
Date: Tue, 18 Mar 2025 06:26:06 +0900
Subject: [PATCH] add custom error page to apps/rank

---
 apps/rank/error.vue | 15 +++++++++++++++
 1 file changed, 15 insertions(+)
 create mode 100644 apps/rank/error.vue

diff --git a/apps/rank/error.vue b/apps/rank/error.vue
new file mode 100644
index 0000000..01f88a7
--- /dev/null
+++ b/apps/rank/error.vue
@@ -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>