mirror of
https://github.com/danbee/chess
synced 2025-03-04 08:39:06 +00:00
23 lines
373 B
Vue
23 lines
373 B
Vue
<template>
|
|
<div class="board-square" :class="classes(piece)"
|
|
v-on:click="selectSquare">
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
methods: {
|
|
classes: (piece) => {
|
|
if (piece != null) {
|
|
return [piece.type, piece.colour];
|
|
}
|
|
},
|
|
selectSquare: () => {
|
|
console.log("Clicked square");
|
|
}
|
|
},
|
|
|
|
props: ["piece"]
|
|
};
|
|
</script>
|