This is from a fork of vue-chessboard for Elephant Chess.
Chessboard vue component to load positions, create positions and see threats
- It uses echess.js for chess movements and validations
- It uses echessground for chessboard UI echessground
npm install --save vue-echessboard
import {chessboard} from 'vue-echessboard'
import 'vue-chessboard/dist/vue-echessboard.css'
Then use it in your template
<echessboard/>
<div id="app">
<echessboard></echessboard>
</div>
<link rel="stylesheet" href="vue-echessboard/dist/vue-echessboard.css"/>
<script src="vue.js"></script>
<script src="vue-chessboard/dist/vue-echessboard.browser.js"></script>
<script>
new Vue({
el: '#app',
components: {
VueEchessboard
}
});
</script>
See vue-chessboard examples
GPL-3.0