export default (el, binding) => {
  const { value } = binding
  if (!value) return
  imgSuccess(value)
    .then(() => {
      el.src = value
    })
    .catch(() => {
      el.src = require('@/assets/images/nodata.svg')
    })
}

function imgSuccess(url) {
  return new Promise((resolve, reject) => {
    const img = new Image()
    img.src = url
    img.onload = () => {
      resolve(url)
    }
    img.onerror = () => {
      reject(url)
    }
  })
}