From e210babe2983692c997887a2c322687f69efde0a Mon Sep 17 00:00:00 2001 From: Leo Vasanko Date: Wed, 24 Sep 2025 16:18:37 -0600 Subject: [PATCH] Use shorter date format in title that fits better on narrow tabs --- src/App.vue | 4 +--- src/utils/date.js | 4 ++-- 2 files changed, 3 insertions(+), 5 deletions(-) diff --git a/src/App.vue b/src/App.vue index 4fceb40..e446605 100644 --- a/src/App.vue +++ b/src/App.vue @@ -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 }, ) diff --git a/src/utils/date.js b/src/utils/date.js index dfa2004..73beddb 100644 --- a/src/utils/date.js +++ b/src/utils/date.js @@ -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) }