elk/composables/setups.ts

42 lines
1.3 KiB
TypeScript
Raw Permalink Normal View History

import type { Directions } from 'vue-i18n-routing'
import type { LocaleObject } from '#i18n'
2022-11-30 00:22:35 +00:00
export function setupPageHeader() {
2023-01-04 13:57:12 +00:00
const { locale, locales, t } = useI18n()
const colorMode = useColorMode()
const buildInfo = useBuildInfo()
2022-11-30 00:22:35 +00:00
2023-01-04 13:57:12 +00:00
const localeMap = (locales.value as LocaleObject[]).reduce((acc, l) => {
acc[l.code!] = l.dir ?? 'auto'
return acc
}, {} as Record<string, Directions>)
2023-01-20 15:25:28 +00:00
const publicRuntimeConfig = useRuntimeConfig().public
useHeadFixed({
2022-11-29 21:13:43 +00:00
htmlAttrs: {
2023-01-04 13:57:12 +00:00
lang: () => locale.value,
dir: () => localeMap[locale.value] ?? 'auto',
2022-11-29 21:13:43 +00:00
},
2023-01-04 13:26:30 +00:00
titleTemplate: (title) => {
let titleTemplate = title ? `${title} | ` : ''
2023-01-04 13:57:12 +00:00
titleTemplate += t('app_name')
2023-01-04 13:26:30 +00:00
if (buildInfo.env !== 'release')
titleTemplate += ` (${buildInfo.env})`
return titleTemplate
},
2023-01-20 15:25:28 +00:00
link: process.client && publicRuntimeConfig.pwaEnabled && !publicRuntimeConfig.tauriPlatform
? () => [{
key: 'webmanifest',
rel: 'manifest',
href: `/manifest-${locale.value}${colorMode.value === 'dark' ? '-dark' : ''}.webmanifest`,
}]
2023-01-20 15:25:28 +00:00
: process.client && publicRuntimeConfig.pwaEnabled && publicRuntimeConfig.tauriPlatform
? () => [{
rel: 'manifest',
href: '/manifest.webmanifest',
}]
: [],
})
}