The Vue component stopped updating, what's the problem?

Question

Vue.js

The component is not updated. The problem is that in the application, on the Cart tab (filled from the cart storage module), the number of goods is not updated. But if elements are initially added to the module array, this property will be updated. What am I doing wrong?

link to sandbox - https://codesandbox.io/s/lively-voice-sf1vq?file=/...

Answer 1

Someone inattentively read the documentation .
Replace with . Or, replaceproduct.amount = 1;Vue.set(product, 'amount', 1);

product.amount = 1;
state.items.push(product);

on the

state.items.push({
  ...product,
  amount: 1,
});