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