.game-setup
h1 Setup Your Game
div
.input-group
label(for="playerCount") Players
.counter
button.minus(tabindex='-1' @click="playerCount > 1 ? playerCount-- : null") -
input(type="number" id="playerCount" v-model.number="playerCount" min="1" readonly)
button.plus(tabindex='-1' @click="playerCount++") +
small Number of players participating in the game.
.input-group
label(for="turnCount") Turns
.counter
button.minus(@click="turnCount > 1 ? turnCount-- : null") -
input(type="number" id="turnCount" v-model.number="turnCount" min="1" readonly)
button.plus(@click="turnCount++") +
small Number of turns each player gets to narrate a part of the story.
.input-group
label(for="iterationCount") Iterations
.counter
button.minus(@click="iterationCount > 1 ? iterationCount-- : null") -
input(type="number" id="iterationCount" v-model.number="iterationCount" min="1" readonly)
button.plus(@click="iterationCount++") +
small Number of iterations in a single turn for each player.
.input-group
label Categories
br
small Choose which categories you want to use in your game.
div.category(v-for="(category, index) in availableCategories" :key="index")
input(type="checkbox" :value="category" v-model="selectedCategories" :id="category")
label(:for="category") {{ category }}
button.submit(type="submit" @click="startGame") Start Game