<template>
    <div class="">
        <chessboard :showThreats="showThreats" @onMove="showInfo"></chessboard>
    </div>

</template>

<script>
import {chessboard} from 'vue-chessboard'
import jQuery from 'jquery'

export default {
    name: 'App',
    components: {
        chessboard
    },
    data () {
        return {
            currentPosition: {},
            showThreats: false,
            positionNumber: 0,
            started: false,
            isStartModalActive: true,
            positionInfo: {},
        }
    },
    methods: {
        showInfo(info) {
            this.positionInfo = info
        }
    }
}
</script>