+ <div class="button-group">
+ <button @click="display='rules'">
+ Read the rules
+ </button>
+ <button v-show="!gameInProgress" @click="watchComputerGame">
+ Observe a sample game
+ </button>
+ <button v-show="!gameInProgress" @click="playAgainstComputer">
+ Beat the computer!
+ </button>
+ <button v-show="gameInProgress" @click="stopGame">
+ Stop game
+ </button>
+ </div>
+ <div v-show="display=='rules'" v-html="content" class="section-content"></div>
+ <my-game v-show="display=='computer'" :mycolor="mycolor" :settings="settings"
+ :allow-movelist="allowMovelist" :mode="mode" :sub-mode="subMode" :fen="fen"
+ @computer-think="gameInProgress=false" @game-over="stopGame">
+ </my-game>