Bonus: aplica mejoras a tu proyecto

Para crear una función que puedan llamar en todos los archivos para formatear la fecha, pueden crear una carpeta llamada utils y un archivo donde estarán todas las funciones globales que puedan crear:src/utils/funciones.js

Allí pueden crear una función, o dos, si quieren crear una que incluya el año y una que no.

// src/utils/funciones.js

export const FormatDate = (date) => {
	const event = new Date(date)
	const newDate = event.toDateString()
	return newDate
}

export const FormatDateWithoutYear = (date) => {
	const event = new Date(date)
	const newDate = event.toDateString().slice(0, -4)
	return newDate
}

Para utilizarlo, solo importan la función que quieren utilizar en el archivo. Por ejemplo, en Card.astro:

import { FormatDateWithoutYear } from '../utils/funciones'

Y lo pueden utilizar directamente en el HTML pasandole por parámetro la variable que tiene la fecha:

<time datetime={FormatDateWithoutYear(time)} class="block text-xs text-gray-500">
	{FormatDateWithoutYear(time)}
</time>

Así mismo en cualquier archivo, importan la función que necesitan y le pasan la fecha por parámetro.
No olviden dejar su like 💖

Este es mi proyecto personal que realicé durante el curso. TypeMaster
Espero este terminado cuando este ingresando a este proyecto. Saludos👋