elk/composables/setups.ts

52 lines
1.3 KiB
TypeScript
Raw Normal View History

import { pwaInfo } from 'virtual:pwa-info'
import type { Link } from '@unhead/schema'
import type { Directions } from 'vue-i18n-routing'
2022-12-28 03:50:29 +00:00
import { APP_NAME } from '~/constants'
import type { LocaleObject } from '#i18n'
2022-11-30 00:22:35 +00:00
export function setupPageHeader() {
const isDev = process.dev
const isPreview = useRuntimeConfig().public.env === 'staging'
2022-11-29 21:13:43 +00:00
const i18n = useI18n()
2022-11-30 00:22:35 +00:00
const link: Link[] = []
if (pwaInfo && pwaInfo.webManifest) {
const { webManifest } = pwaInfo
if (webManifest) {
const { href, useCredentials } = webManifest
if (useCredentials) {
link.push({
rel: 'manifest',
href,
crossorigin: 'use-credentials',
})
}
else {
link.push({
rel: 'manifest',
href,
})
}
}
}
const localeMap = (i18n.locales.value as LocaleObject[]).reduce((acc, l) => {
acc[l.code!] = l.dir ?? 'auto'
return acc
}, {} as Record<string, Directions>)
useHeadFixed({
2022-11-29 21:13:43 +00:00
htmlAttrs: {
lang: () => i18n.locale.value,
dir: () => localeMap[i18n.locale.value] ?? 'auto',
2022-11-29 21:13:43 +00:00
},
titleTemplate: title => `${title ? `${title} | ` : ''}${APP_NAME}${isDev ? ' (dev)' : isPreview ? ' (preview)' : ''}`,
link,
2022-12-30 22:45:34 +00:00
meta: [
{ name: 'apple-mobile-web-app-status-bar-style', content: 'black-translucent' },
],
})
}