Array Check

Este util permite seleccionar de forma segura un elemento de un array o retornar el valor original si no es un array.

Ideal para manejar props que pueden ser un solo valor o una lista.

Implementación del Util

export function arrayCheckAndChoose<T>(
  item: T | T[], // el objeto de tipo generico que puede ser uno o un array.
  index: number = 0 // el indice de cual recuperaría si es un array.
): T | undefined {
  if (Array.isArray(item)) {
    return item.length > 0 ? item[index] : undefined;
  }
  return item;
}

Uso en un Componente Vue Puedes usar este util para trabajar con props flexibles en componentes Vue.

Ejemplo de Uso

//title podria haber sido pasado por propiedad como un string o array de strings.
const title = arrayCheckAndChoose(props.title); // escoje el valor o el primer elemento si se pasa un array.
const description = arrayCheckAndChoose(props.description, 1); // escoje el string que le pase o el segundo elemento del array que pase.