37 lines
988 B
Vue
37 lines
988 B
Vue
<script setup lang="ts">
|
|
const error = useError();
|
|
</script>
|
|
|
|
<template>
|
|
<UContainer class="max-w-lg p-8 md:p-16">
|
|
<UCard>
|
|
<div class="grid gap-4">
|
|
<div class="text-center font-bold text-4xl md:text-6xl">
|
|
{{ error?.statusCode }}
|
|
</div>
|
|
<NuxtImg
|
|
src="https://images.unsplash.com/photo-1644365977963-e96e883a8e74?q=80&w=512&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
|
|
/>
|
|
|
|
<div class="text-center">Uh oh... Something went super wrong.</div>
|
|
|
|
<div class="text-center font-mono p-4 bg-neutral-100 text-sm">
|
|
{{ error?.message }}
|
|
</div>
|
|
</div>
|
|
|
|
<template #footer>
|
|
<div class="w-full flex justify-center">
|
|
<UButton
|
|
label="Navigate back home"
|
|
to="/"
|
|
icon="heroicons:arrow-left"
|
|
/>
|
|
</div>
|
|
</template>
|
|
</UCard>
|
|
</UContainer>
|
|
|
|
<AppFooter />
|
|
</template>
|