PocketBase gains optional, manually-authored English fields on articles and categories (same record, same slug), and the frontend serves an /en counterpart of every dynamic route via thin page wrappers around shared view components — no i18n library, consistent with the project's existing minimalism stance for a two-locale site with ~20 UI strings. An article/category with no translation 404s cleanly on its own /en detail page and is filtered out of /en listings, and the header's language-switch link falls back to the English blog index rather than a dead link; resolving that requires a global route middleware, since the layout's header renders before the page content in document order and so can't react to state a page component sets during its own async setup.
22 lines
930 B
TypeScript
22 lines
930 B
TypeScript
import type { Locale } from './locale'
|
|
|
|
const INTL_LOCALE: Record<Locale, string> = { it: 'it-IT', en: 'en-GB' }
|
|
|
|
/** Human-readable date for display; returns an empty string when unset. */
|
|
export function formatDate(value: string | null | undefined, locale: Locale = 'it'): string {
|
|
if (!value) return ''
|
|
return new Intl.DateTimeFormat(INTL_LOCALE[locale], { dateStyle: 'long' }).format(new Date(value))
|
|
}
|
|
|
|
/** Date and time of publication, shown in the article byline. */
|
|
export function formatDateTime(value: string | null | undefined, locale: Locale = 'it'): string {
|
|
if (!value) return ''
|
|
return new Intl.DateTimeFormat(INTL_LOCALE[locale], { dateStyle: 'long', timeStyle: 'short' })
|
|
.format(new Date(value))
|
|
}
|
|
|
|
/** Machine-readable date for the `datetime` attribute and structured data. */
|
|
export function isoDate(value: string | null | undefined): string {
|
|
return value ? new Date(value).toISOString() : ''
|
|
}
|