chore: avoid `useHead` naming conflicts

zio/stable
Anthony Fu 2022-11-30 06:49:25 +08:00
parent 0acc0f7689
commit 98a647f8ca
16 changed files with 19 additions and 18 deletions

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,
},

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)

View File

@ -7,7 +7,7 @@ const { t } = useI18n()
const { data: account, refresh } = $(await useAsyncData(() => fetchAccountByName(accountName).catch(() => null)))
if (account) {
useHead({
useHeadFixed({
title: () => `${getDisplayName(account)} (@${account.acct})`,
})
}

View File

@ -5,7 +5,7 @@ definePageMeta({
const paginator = useMasto().blocks.getIterator()
useHead({
useHeadFixed({
title: 'Blocked users',
})
</script>

View File

@ -7,7 +7,7 @@ const paginator = useMasto().bookmarks.getIterator()
const { t } = useI18n()
useHead({
useHeadFixed({
title: () => t('nav_side.bookmarks'),
})
</script>

View File

@ -7,7 +7,7 @@ const paginator = useMasto().conversations.getIterator()
const { t } = useI18n()
useHead({
useHeadFixed({
title: () => t('nav_side.conversations'),
})
</script>

View File

@ -5,7 +5,7 @@ definePageMeta({
const paginator = useMasto().domainBlocks.getIterator()
useHead({
useHeadFixed({
title: 'Blocked domains',
})

View File

@ -3,7 +3,7 @@ const paginator = useMasto().trends.getStatuses()
const { t } = useI18n()
useHead({
useHeadFixed({
title: () => t('nav_side.explore'),
})
</script>

View File

@ -6,7 +6,7 @@ definePageMeta({
const paginator = useMasto().favourites.getIterator()
const { t } = useI18n()
useHead({
useHeadFixed({
title: () => t('nav_side.favourites'),
})
</script>

View File

@ -16,7 +16,7 @@ const stream = await useMasto().stream.streamUser()
onBeforeUnmount(() => stream.disconnect())
const { t } = useI18n()
useHead({
useHeadFixed({
title: () => t('nav_side.home'),
})
</script>

View File

@ -5,7 +5,7 @@ definePageMeta({
const paginator = useMasto().mutes.getIterator()
useHead({
useHeadFixed({
title: 'Muted users',
})
</script>

View File

@ -14,7 +14,7 @@ const paginator = $computed(() => {
return useMasto().notifications.getIterator(tab === 'All' ? undefined : { types: ['mention'] })
})
useHead({
useHeadFixed({
title: () => t('nav_side.notifications'),
})
</script>

View File

@ -6,7 +6,7 @@ definePageMeta({
const paginator = useMasto().accounts.getStatusesIterable(currentUser.value!.account.id, { pinned: true })
const { t } = useI18n()
useHead({
useHeadFixed({
title: () => t('account.pinned'),
})
</script>

View File

@ -5,7 +5,7 @@ onBeforeUnmount(() => stream.disconnect())
const { t } = useI18n()
useHead({
useHeadFixed({
title: () => t('title.federated_timeline'),
})
</script>

View File

@ -5,7 +5,7 @@ onBeforeUnmount(() => stream.disconnect())
const { t } = useI18n()
useHead({
useHeadFixed({
title: () => t('title.local_timeline'),
})
</script>

View File

@ -9,7 +9,7 @@ const stream = await useMasto().stream.streamTagTimeline(tagName)
onBeforeUnmount(() => stream.disconnect())
if (tag) {
useHead({
useHeadFixed({
title: () => `#${tag.name}`,
})
}