Question 10: Consider the following Vue 2 code with Vuex 3 used via C…

1export default store = new Vuex.Store({
2  state: {
3    score: 10,
4  },
5  mutations: {
6    increaseScore(state) {
7      state.score += 5;
8    },
9  },
10  actions: {
11    increaseScoreAsync({ commit }) {
12      setTimeout(() => {
13        commit("increaseScore");
14      }, 1000);
15    },
16  },
17});

1export default Vue.component('score-display', {
2  template: `
3    <div>
4      <p>Current Score: {{ score }}</p>
5      <button @click="boostNow">Boost Now</button>
6      <button @click="boostLater">Boost After 1s</button>
7    </div>
8   `,
9  computed: {
10    score() {
11      // CODE 1
12    }
13  },
14  methods: {
15    boostNow() {
16      // CODE 2
17    },
18    boostLater() {
19      // CODE 3
20    }
21  }
22});