add color and routing

error.vue

@@ -0,0 +1,18 @@
+<script setup lang="ts">
+import type { NuxtError } from '#app'
+
+const { error } = defineProps({
+    error: Object as () => NuxtError
+})
+
+// const handleError = () => clearError({ redirect: '/' })
+</script>
+
+<template>
+    <div>
+        <h2>{{ error?.statusCode }}</h2>
+        <div>{{ error?.statusMessage }}</div>
+        <div>{{ error?.message }}</div>
+        <!-- <button @click="handleError">Clear errors</button> -->
+    </div>
+</template>