11. Working with Vuex – Organizing Larger Stores

Activity 11.01: Simplifying a Vuex Store

Solution:

Perform the following steps to complete the activity.

Note

To access the initial code file for this activity, visit https://packt.live/3kaqBHH.

1. Begin by creating a new file, src/store/state.js, that will store the state values for everything but the cat object:

   export default {
       name:'Lindy',
       job:'tank',
       favoriteColor:'blue',
       favoriteAnimal:'cat'
   }

2. Make a new file, src/store/getters.js, and move the getter for desiredPet into it:

   export default {
       desiredPet(state) {
           return state.favoriteColor + ' ' + state.favoriteAnimal;
       }
   }

3. Next, make src/store/mutations.js and copy over the mutations not related to the cat name...