Use shorter date format in title that fits better on narrow tabs

This commit is contained in:
Leo Vasanko
2025-09-24 16:18:37 -06:00
parent 31c5551535
commit e210babe29
2 changed files with 3 additions and 5 deletions

View File

@@ -37,8 +37,6 @@ onMounted(() => {
document.addEventListener('keydown', handleGlobalKey, { passive: false })
// Set document language via shared util
if (lang) document.documentElement.setAttribute('lang', lang)
// Initialize title
document.title = formatTodayString(new Date(calendarStore.now))
})
onBeforeUnmount(() => {
@@ -49,7 +47,7 @@ onBeforeUnmount(() => {
watch(
() => calendarStore.now,
(val) => {
document.title = formatTodayString(new Date(val))
document.title = formatTodayString(new Date(val), "short", "short")
},
{ immediate: false },
)

View File

@@ -185,9 +185,9 @@ function formatDateLong(date, includeYear = false) {
/**
* Format date as today string (e.g., "Monday\nJanuary 15")
*/
function formatTodayString(date) {
function formatTodayString(date, weekday = "long", month = "long") {
const formatted = date
.toLocaleDateString(undefined, { weekday: 'long', month: 'long', day: 'numeric' })
.toLocaleDateString(undefined, { weekday, month, day: 'numeric' })
.replace(/,? /, '\n')
return formatted.charAt(0).toUpperCase() + formatted.slice(1)
}