From 911508b28741a19d9b773b746db9e03748cf29be Mon Sep 17 00:00:00 2001
From: Oliver-Akins <Tyler.Akins1999@gmail.com>
Date: Sat, 2 Jan 2021 18:54:06 -0700
Subject: [PATCH] Add error bubbling to the in-game components.

---
 web/src/views/InGame.vue | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

diff --git a/web/src/views/InGame.vue b/web/src/views/InGame.vue
index b2f3626..ebf7e74 100644
--- a/web/src/views/InGame.vue
+++ b/web/src/views/InGame.vue
@@ -1,10 +1,19 @@
 <template>
 	<div id="GameView" class="maximize">
-		<game-board v-if="isGuesser || objectChosen" />
-		<object-selector v-else />
-		<player-hand />
-		<team-reminder />
-		<discard-hand v-if="isGuesser" />
+		<game-board
+			v-if="isGuesser || objectChosen"
+			@error="$emit(`error`, $event)"
+		/>
+		<object-selector
+			v-else
+			@error="$emit(`error`, $event)"
+		/>
+		<player-hand @error="$emit(`error`, $event)" />
+		<team-reminder @error="$emit(`error`, $event)" />
+		<discard-hand
+			v-if="isGuesser"
+			@error="$emit(`error`, $event)"
+		/>
 		<object-reminder v-else-if="isWriter && objectChosen" />
 	</div>
 </template>