From 2c26fc8e0a5103ef9ec76575a94bf95290129824 Mon Sep 17 00:00:00 2001
From: Oliver-Akins <Tyler.Akins1999@gmail.com>
Date: Tue, 8 Dec 2020 17:56:46 -0700
Subject: [PATCH] Change to using the VueX store, rather than the data object.

---
 web/src/components/TeamRoleSelect.vue | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/web/src/components/TeamRoleSelect.vue b/web/src/components/TeamRoleSelect.vue
index 6cca898..f7446f9 100644
--- a/web/src/components/TeamRoleSelect.vue
+++ b/web/src/components/TeamRoleSelect.vue
@@ -5,13 +5,13 @@
 			class="clickable"
 			@click.stop="joinWriterRole"
 		>
-			{{ writer_name }}
+			{{ $store.state.writer_name }}
 		</button>
 		<button
 			class="clickable"
 			@click.stop="joinGuesserRole"
 		>
-			{{ guesser_name }}
+			{{ $store.state.guesser_name }}
 		</button>
 	</div>
 </template>
@@ -30,10 +30,6 @@ export default {
 			required: true,
 		},
 	},
-	data() {return {
-		writer_name: `Spirit`,
-		guesser_name: `Medium`,
-	}},
 	computed: {},
 	methods: {
 		joinWriterRole() {},