Vue.js 2 Web Development Projects

Removing the card from the hand

When the card is played, it should be removed from the current player hand; follow these steps to do so:

1. Create a new playCard function in the main.js file that takes a card as an argument, checks whether the player can play a card, and then removes the card from their hand to put it into the discard pile with the addCardToPile function (defined in the utils.js file):

      function playCard (card) {        if (state.canPlay) {          state.canPlay = false          currentPlayingCard = card          // Remove the card from player hand          const index = state.currentPlayer.hand.indexOf(card)          state.currentPlayer.hand.splice(index, 1)          // Add the card to the discard pile          addCardToPile(state.discardPile, card.id)        }      }

We store the card the player played ...