-
Notifications
You must be signed in to change notification settings - Fork 23
/
Copy patherror.vue
100 lines (97 loc) · 2.24 KB
/
error.vue
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
<script lang="ts" setup>
import type { NuxtError } from '#app'
import type { MyParagraph } from './types/components';
defineProps({
error: Object as () => NuxtError
})
</script>
<template>
<NuxtLayout>
<MyPage :blok="{
title: 'Oh no!',
seo: {
title: String(error?.statusCode),
description: String(error?.message),
og_image: '',
og_title: '',
og_description: String(error?.message),
},
body: [{
_uid: 'Something-went-wrong',
component: 'MyParagraph',
text: {
type: 'doc',
content: [
{
type: 'heading',
attrs: { level: 2 },
content: [
{
type: 'text',
text: 'Error ' + error?.statusCode,
marks: [
{
type: 'bold'
},
{
type: 'styled',
attrs: {
class: 'text-4xl'
}
}
]
},
{
text: '.',
type: 'text',
marks: [
{
type: 'bold'
},
{
type: 'styled',
attrs: {
class: 'dot'
}
}
]
}
]
},
{
type: 'hard_break'
},
{
text: error?.message,
type: 'text'
},
{
type: 'hard_break'
},
{
type: 'hard_break'
},
]
},
figure: [
{
name: 'Error',
component: 'MyAnimatedSvg'
}
],
link: {
url: './',
linktype: 'story',
cached_url: './'
},
linkText: $t('backToHome')
} as MyParagraph],
}" />
</NuxtLayout>
</template>
<style lang="scss" scoped>
.error {
font-size: var(--font-3xl);
padding-top: var(--space-3xl);
}
</style>