Collect Laravel validation error and use it to display alerts in React.js, Vue.js, etc...

alert.js

// this is where alert data from the server is stored
const alertDataFromServer = []

// this is the message relayed to the user
const messageToPush = []

// res.data.data (alert data) comes from the server
alertDataFromServer.push(res.data.data)
alertDataFromServer.forEach((element) => {
  const errorObjects = element.errors.errors
  Object.keys(errorObjects).forEach((key) => {
    obj[key].forEach((e) => {
      messageToPush.push({ message: e })
    })
  })
  return true