import { computed } from 'vue'
import { payloadAsArray, payloadAsObject, unwrapVehiclePayload } from '@/utils/vehiclePayload'

const defaultProps = {
  data: null,
  params: () => ({}),
  apiId: '',
  index: 0,
  notifyRiskStatus: () => {},
}

export function useVehiclePayload(props = defaultProps) {
  const payload = computed(() => unwrapVehiclePayload(props.data))
  const obj = computed(() => payloadAsObject(props.data))
  const list = computed(() => payloadAsArray(props.data))
  const params = computed(() => props.params || {})

  return { payload, obj, list, params }
}