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

chore: avoid useHead naming conflicts

Browse source
This commit is contained in:
Anthony Fu 2022-11-30 06:49:25 +08:00
parent 0acc0f7689
commit 98a647f8ca
16 changed files with 19 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

2
composables/page-header.ts
View file

@ -5,7 +5,7 @@ const isPreview = window.location.hostname.includes('deploy-preview')
export function usePageHeader() {
const i18n = useI18n()
useHead({
useHeadFixed({
htmlAttrs: {
lang: () => i18n.locale.value,
},

7
composables/useHead.ts
View file

@ -1,10 +1,11 @@
import type { ActiveHeadEntry, HeadEntryOptions, UseHeadInput } from '@vueuse/head'
import type { HeadAugmentations } from '@nuxt/schema'
import { useHead as _useHead } from '#head'
import { useHead } from '#head'
export function useHead<T extends HeadAugmentations>(input: UseHeadInput<T>, options?: HeadEntryOptions): ActiveHeadEntry<UseHeadInput<T>> | void {
// 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()
return _useHead(() => {
return useHead(() => {
if (deactivated.value)
return {}
return resolveUnref(input)