zio/elk
2
0
Fork 0
Code Releases 2 Packages 1 Activity

feat: support page titles in opengraph data

Browse source
This commit is contained in:
Daniel Roe 2023-01-11 23:08:31 +00:00
parent da8594dbf1
commit a12d3d09b1
7 changed files with 20 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

14
composables/vue.ts
View file

@ -37,6 +37,20 @@ export function onReactivated(hook: Function, target?: ComponentInternalInstance
// TODO: Workaround for Nuxt bug: https://github.com/elk-zone/elk/pull/199#issuecomment-1329771961
export function useHeadFixed<T extends HeadAugmentations>(input: UseHeadInput<T>, options?: HeadEntryOptions): ActiveHeadEntry<UseHeadInput<T>> | void {
const deactivated = useDeactivated()
if (input && typeof input === 'object' && !('value' in input)) {
const title = 'title' in input ? input.title : undefined
if (process.server && title) {
input.meta = input.meta || []
if (Array.isArray(input.meta)) {
input.meta.push(
{ property: 'og:title', content: (typeof input.title === 'function' ? input.title() : input.title) as string },
)
}
}
else if (title) {
(input as any).title = () => isHydrated.value ? typeof title === 'function' ? title() : title : ''
}
}
return useHead(() => {
if (deactivated.value)
return {}