40 lines
779 B
Vue
40 lines
779 B
Vue
|
<template>
|
||
|
|
<div dir="ltr" class="text-left">
|
||
|
|
<h1 dir="ltr" class="text-left">Error {{ error.statusCode }}</h1>
|
||
|
|
<p dir="ltr" class="text-left" v-html="error.message"></p>
|
||
|
|
<p dir="ltr" class="text-left" v-text="error.stack"></p>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
props: {
|
||
|
|
error: {
|
||
|
|
type: Object,
|
||
|
|
required: true,
|
||
|
|
},
|
||
|
|
},
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<!-- <script setup lang="ts">
|
||
|
|
import type { NuxtError } from '#app'
|
||
|
|
|
||
|
|
const props = defineProps({
|
||
|
|
error: Object as () => NuxtError
|
||
|
|
})
|
||
|
|
|
||
|
|
onMounted(()=>{
|
||
|
|
console.info('mounted : error page')
|
||
|
|
})
|
||
|
|
|
||
|
|
const handleError = () => clearError({ redirect: '/' })
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<div>
|
||
|
|
<h2>{{ error.statusCode }}</h2>
|
||
|
|
<button @click="handleError">Clear errors</button>
|
||
|
|
</div>
|
||
|
|
</template> -->
|