From 718fcc6ff84aa741118fa23fe19be841982c9c30 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=98=99=E2=97=A6=20The=20Tablet=20=E2=9D=80=20GamerGirla?=
 =?UTF-8?q?ndCo=20=E2=97=A6=E2=9D=A7?= <i.am.the.tablet@proton.me>
Date: Mon, 9 Dec 2024 15:38:16 -0500
Subject: [PATCH] fix(components): update error boundary

ensure that styling is consistent by surrounding with `a-extract-style`
---
 components/errorBound.vue | 46 ++++++++++++++++++++-------------------
 1 file changed, 24 insertions(+), 22 deletions(-)

diff --git a/components/errorBound.vue b/components/errorBound.vue
index 3a793b1..cb73a8b 100644
--- a/components/errorBound.vue
+++ b/components/errorBound.vue
@@ -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>