useDateFormats

El composable useDateFormats se encuentra en el archivo useDateFormats.ts en la carpeta src/composables de la aplicación.

export function useDateFormats() {
  function dateFormat(date: string) {
    const [year, month, day] = date.split("-");
    return `${day}/${month}/${year}`;
  }

  function dateSpanishFormat(date: string | null) {
    return date ? dateFormat(date) : "";
  }

  return {
    dateFormat,
    dateSpanishFormat,
  };
}

Este composable proporciona dos funciones útiles para formatear fechas:

1. dateFormat: Convierte una cadena de fecha en formato YYYY-MM-DD a DD/MM/YYYY.
2. dateSpanishFormat: Devuelve la fecha formateada o una cadena vacía si la entrada es nula.

Ejemplo de uso:

const { dateSpanishFormat } = useDateFormats();

<time class="blog-card__date">{{ dateSpanishFormat($props.blog_date) }}</time>

• La etiqueta time se utiliza para representar fechas y horas en un formato legible para las personas. En este caso, estamos utilizando el composable useDateFormats para formatear la fecha de una publicación de blog en un formato más familiar para los usuarios.
• Este composable es útil cuando necesitas formatear fechas en tus componentes de Vue, particularmente si trabajas con fechas en formato ISO y necesitas mostrarlas en un formato más familiar para los usuarios en regiones donde se usa el formato día/mes/año.