Rearranging the slides
We can add the required methods
for the SliderPuzzle.vue
component by writing the following code:
<script> ... export default { Â Â ... Â Â methods: { Â Â Â Â swap(index) { Â Â Â Â Â Â if (!this.timer) { Â Â Â Â Â Â Â Â return; Â Â Â Â Â Â } Â Â Â Â Â Â if (this.indexesToSwap.length < 2) { Â Â Â Â Â Â Â Â this.indexesToSwap.push(index); Â Â Â Â Â Â } Â Â Â Â Â Â if (this.indexesToSwap.length === 2) { ... Â Â Â Â Â Â this.resetTime(); Â Â Â Â Â Â clearInterval(this.timer); Â Â Â Â }, Â Â Â Â resetTime() { Â Â Â Â Â Â this.startDateTime = new Date(); Â Â Â Â Â Â this.currentDateTime = new Date(); Â Â Â ...