rockfic/next
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(components): update error boundary

Browse Source 
ensure that styling is consistent by surrounding with `a-extract-style`
This commit is contained in:
☙◦ The Tablet ❀ GamerGirlandCo ◦❧ 2024-12-09 15:38:16 -05:00
parent 480655a0ee
commit 718fcc6ff8
Signed by: tablet
GPG Key ID: 924A5F6AF051E87C
1 changed files with 24 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
components/errorBound.vue
View File

@ -18,26 +18,28 @@ ${p.error.stack}
`;
</script>
<template>
<a-typography-title> We ran into an issue.... :( <br /> </a-typography-title>
<a-typography-paragraph
style="font-size: 125%"
:copyable="{
text: copied,
tooltip: true,
onCopy: () => {
setTimeout(() => {
clearError({ redirect: '/' });
navigateTo('/');
}, 30000);
},
}"
>
<a-typography-text code>
{{ JSON.stringify(unError, null, "\t") }}
</a-typography-text>
<a-typography-title :level="4"> Stack trace: </a-typography-title>
<a-typography-text>
<a-typography-text v-html="error.stack"> </a-typography-text>
</a-typography-text>
</a-typography-paragraph>
<a-extract-style>
<a-typography-title> We ran into an issue.... :( <br /></a-typography-title>
<a-typography-paragraph
style="font-size: 125%"
:copyable="{
text: copied,
tooltip: true,
onCopy: () => {
setTimeout(() => {
clearError({ redirect: '/' });
navigateTo('/');
}, 30000);
},
}"
>
<a-typography-text code>
{{ JSON.stringify(unError, null, "\t") }}
</a-typography-text>
<a-typography-title :level="4"> Stack trace:</a-typography-title>
<a-typography-text>
<a-typography-text v-html="error.stack"></a-typography-text>
</a-typography-text>
</a-typography-paragraph>
</a-extract-style>
</template>