div
input#modalAdjust.modal(type="checkbox")
div#adjuster(
role="dialog"
data-checkbox="modalAdjust"
)
.card.text-center
label.modal-close(for="modalAdjust")
label(for="boardSize") {{ st.tr["Board size"] }}
input#boardSize.slider(
type="range"
min="0"
max="100"
value="50"
@input="adjustBoard()"
)
div#boardSizeBtnContainer
button#boardSizeBtn(onClick="window.doClick('modalAdjust')")
| {{ st.tr["Board size"] }}
#scoreInfo(v-if="score!='*'")
p {{ score }}
p {{ st.tr[message] }}
.moves-list
.tr(v-for="moveIdx in evenNumbers")
.td {{ firstNum + moveIdx / 2 + 1 }}
.td(v-if="moveIdx < moves.length-1 || show == 'all'"
:class="{'highlight-lm': cursor == moveIdx}"
@click="() => gotoMove(moveIdx)"
)
| {{ notation(moves[moveIdx]) }}
.td(
v-if="moveIdx < moves.length-1"
:class="{'highlight-lm': cursor == moveIdx+1}"
@click="() => gotoMove(moveIdx+1)"
)
| {{ notation(moves[moveIdx+1]) }}