import {computed, unref} from 'vue' import {useI18n} from 'vue-i18n' import {useNow, type MaybeRef} from '@vueuse/core' type Daytime = 'night' | 'morning' | 'day' | 'evening' export function hourToDaytime(now: Date): Daytime { const hours = now.getHours() const daytimeMap = { night: hours < 5 || hours > 23, morning: hours < 11, day: hours < 18, evening: hours < 23, } as Record return (Object.keys(daytimeMap) as Daytime[]).find((daytime) => daytimeMap[daytime]) || 'night' } export function useDateTimeSalutation(username: MaybeRef) { const {t} = useI18n({useScope: 'global'}) const now = useNow() const daytime = computed(() => hourToDaytime(now.value)) const name = computed(() => unref(username)) const salutations = { 'night': () => t('home.welcomeNight', {username: name.value}), 'morning': () => t('home.welcomeMorning', {username: name.value}), 'day': () => t('home.welcomeDay', {username: name.value}), 'evening': () => t('home.welcomeEvening', {username: name.value}), } as Record string> return computed(() => salutations[daytime.value]()) }