From c2ad722758e4d52a5865de78c90fe35a5d43def5 Mon Sep 17 00:00:00 2001
From: Oliver-Akins <Tyler.Akins1999@gmail.com>
Date: Fri, 18 Sep 2020 00:06:43 -0600
Subject: [PATCH] Begin work on component for submitting the game code

---
 src/components/GameCode.vue | 51 +++++++++++++++++++++++++++++++++++++
 1 file changed, 51 insertions(+)
 create mode 100644 src/components/GameCode.vue

diff --git a/src/components/GameCode.vue b/src/components/GameCode.vue
new file mode 100644
index 0000000..19dd091
--- /dev/null
+++ b/src/components/GameCode.vue
@@ -0,0 +1,51 @@
+<template>
+	<div id="game_code_entry">
+		<h2>
+			Enter a game code:
+		</h2>
+		<input
+			type="text"
+			name="Game Code"
+			v-model="game_code"
+			@keyup.enter="submit_game_code()"
+		>
+		<br>
+		<button
+			@onclick.stop="submit_game_code()"
+		>
+			Confirm URL
+		</button>
+	</div>
+</template>
+
+<script>
+export default {
+	name: 'GameCodeEntry',
+	components: {},
+	data() {return {
+		game_code: ``,
+	}},
+	methods: {
+		submit_game_code() {
+			if (this.game_code.length > 0) {
+				this.$emit(`set-game-code`, this.game_code);
+			} else {
+				alert(`Invalid game code. Must have a code`)
+			}
+		},
+	},
+}
+</script>
+
+<style lang="stylus">
+#game_code_entry {
+	text-align: center
+	height: 100vh
+	width: 33vw
+	margin: 0 auto
+
+	@media screen and (max-width: 600px) {
+		width: 90vw
+	}
+}
+</style>