@starzkg/vuepress-plugin-page-info/lib/client/components/DateInfo.js

A comment plugin for vuepress

import { useDate, useLocaleConfig, } from '@starzkg/vuepress-shared/lib/esm/client';
import { usePageData } from '@vuepress/client';
import { computed, defineComponent, h } from 'vue';
import { commentOptions, pageInfoI18n } from '../define';
import { CalendarIcon } from './icons';
export default defineComponent({
    name: 'DateInfo',
    setup() {
        const page = usePageData();
        const date = computed(() => {
            const { createdTime } = page.value.git || {};
            return useDate({ type: 'date' }, createdTime ? new Date(createdTime) : undefined).value;
        });
        const pageInfoLocale = useLocaleConfig(pageInfoI18n);
        return () => date.value
            ? h('span', {
                class: 'date-info',
                ...(commentOptions.hint !== false
                    ? {
                        'ariaLabel': pageInfoLocale.value.date,
                        'data-balloon-pos': 'down',
                    }
                    : {}),
            }, [
                h(CalendarIcon),
                h('span', date.value?.display),
                h('meta', {
                    property: 'datePublished',
                    // ISO Format Date string
                    content: date.value?.value?.toISOString() || '',
                }),
            ])
            : null;
    },
});