Vue.js 2 Web Development Projects

The hand

To display the cards in the current player hand, we need a new getter in the app state:

1. Add the currentHand getter to the state object in the state.js file:

      get currentHand () {        return state.currentPlayer.hand      },

2. We can now remove the testHand property and replace it with currentHand in the main template:

      <hand v-if="!activeOverlay" :cards="currentHand" @card-                  play="testPlayCard" />

3. You can also remove the createTestHand method and this created hook we wrote on the main component for testing purposes:

      created () {        this.testHand = this.createTestHand()      },