mirrors/elk
1
0
Fork 0
mirror of https://github.com/elk-zone/elk.git synced 2024-11-21 17:05:22 +03:00
Code Issues Projects Releases Packages Wiki 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
Show stats 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)

2
pages/@[account]/index.vue
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})`,
})
}

2
pages/blocks.vue
View file

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

2
pages/bookmarks.vue
View file

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

2
pages/conversations.vue
View file

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

2
pages/domain_blocks.vue
View file

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

2
pages/explore.vue
View file

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

2
pages/favourites.vue
View file

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

2
pages/home.vue
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>

2
pages/mutes.vue
View file

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

2
pages/notifications.vue
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>

2
pages/pinned.vue
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>

2
pages/public/index.vue
View file

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

2
pages/public/local.vue
View file

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

2
pages/tags/[tag].vue
View file

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