main
.row
.col-sm-12.col-md-10.col-md-offset-1.col-lg-8.col-lg-offset-2
.button-group
button.tabbtn#liveGames(@click="setDisplay('live',$event)")
| {{ st.tr["Live games"] }}
button.tabbtn#corrGames(@click="setDisplay('corr',$event)")
| {{ st.tr["Correspondance games"] }}
GameList(
ref="livegames"
v-show="display=='live'"
:games="liveGames"
@show-game="showGame"
@abortgame="abortGame"
)
div(v-show="display=='corr'")
GameList(
ref="corrgames"
:games="corrGames"
@show-game="showGame"
@abortgame="abortGame"
)
button#loadMoreBtn(
v-if="hasMore"
@click="loadMore()"
)
| {{ st.tr["Load more"] }}