There is a project. There are two selection options "size" (large, small) and quantity (2/4/6).

When each option is selected, the selection needs to be displayed in the title (assuming a small sum of 4). After clicking the "Add to Storage" button, it will be added to the storage and a list will be displayed on another page.

What I tried:

vue ts：

const chosenMachines = reactive([]);

const machineInfo = ref({
 size: "Standart",
 glasses: 6
})

const addToList = () => {
 // myStore.addToStoredItems(machineInfo)  ---> storage pinia
 chosenMachines.push(machineInfo.value)
}

template:

Title {{ machineInfo.size  }} | {{ machineInfo.glasses }}
       
  
    Standart
    Big
  
  
    6
    8
    12
  
 Add

When adding the first object and the second object thereafter, the first object is overwritten. What is the reason?