import { computed, Ref } from "vue";

const formatDate = (dateString: string): string => {
    if (!dateString) return "";

    const options: Intl.DateTimeFormatOptions = {
        day: "numeric",
        month: "short",
        year: "numeric",
    };

    const date = new Date(dateString);
    return date.toLocaleDateString("id-ID", options);
};

export const useDateFormatter = (dateString: Ref<string | undefined>) => {
    const formattedDate = computed(() => {
        return formatDate(dateString.value || "");
    });

    return {
        formattedDate,
    };
};