Kevin
17 lines
588 B
Vue
17 lines
588 B
Vue
<script setup lang="ts">
|
|
defineProps<{ error?: any }>()
|
|
</script>
|
|
|
|
<template>
|
|
<div class="flex items-center justify-center min-h-screen bg-gray-100">
|
|
<div class="text-center">
|
|
<h1 class="text-6xl font-bold text-red-600 mb-4">500</h1>
|
|
<h2 class="text-3xl font-semibold text-gray-800 mb-2">Server Error</h2>
|
|
<p class="text-gray-600 mb-6">{{ error?.message || 'Something went wrong. Please try again later.' }}</p>
|
|
<a href="/" class="px-6 py-3 bg-indigo-600 text-white rounded-lg hover:bg-indigo-700">
|
|
Go Home
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</template>
|