added is executed before removed in @change event

[soufianekhait]

Code snippet

const onChange = ({ added, removed }) => {
  if (added) {
    api.put(/resource, payload)
      .then(res => {
        api.get(/something)
          .then(res => {
            emit('count', res.data.length)
          })
      })
  }

  if (removed) {
    api.get(/something)
      .then(res => {
        emit('count', res.data.length)
      })
  }
}

Step by step scenario

I'm trying to PUT data on the server and GET other resources when the PUT request has succeeded. @change event triggers onChange function when Im draging/dropping items.

Actual Solution

The behavior of execution of removed and added is random. Sometimes, the removed is executed before added property and vice-versa.

Expected Solution

Is there a way to make sure added is triggered before removed?