<template>
	<div id="game_lobby">
		<h1>
			Secret Hitler Online
		</h1>
		<div>
			<h3>Players:</h3>
			<div
				v-for="player in players"
				:key="player.id"
				class="player"
			></div>
		</div>
	</div>
</template>

<script>
export default {
	name: 'GameLobby',
	components: {},
	data() {return {
		players: []
	}},
	methods: {},
	sockets: {
		PlayerJoin() {},
	},
}
</script>

<style lang="stylus" scoped>
@import "../theme.styl"

#game_lobby {
	text-align: center
	width: 90vw
}
</style>