fix(components): update error boundary

ensure that styling is consistent by surrounding with `a-extract-style`
2024-12-09 15:38:16 -05:00 · 2024-12-09 15:38:16 -05:00 · 718fcc6ff8
commit 718fcc6ff8
parent 480655a0ee
1 changed files with 24 additions and 22 deletions
--- a/components/errorBound.vue
+++ b/components/errorBound.vue
@ -18,6 +18,7 @@ ${p.error.stack}
 `;
 </script>
 <template>
+	<a-extract-style>
 		<a-typography-title> We ran into an issue.... :( <br /></a-typography-title>
 		<a-typography-paragraph
 			style="font-size: 125%"
@ -40,4 +41,5 @@ ${p.error.stack}
 				<a-typography-text v-html="error.stack"></a-typography-text>
 			</a-typography-text>
 		</a-typography-paragraph>
+	</a-extract-style>
 </template>