chore: avoid useHead naming conflicts

composables/page-header.ts

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

composables/useHead.ts

@@ -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)

pages/@[account]/index.vue

@@ -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})`,
   })
 }

pages/blocks.vue

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

pages/bookmarks.vue

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

pages/conversations.vue

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

pages/domain_blocks.vue

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

pages/explore.vue

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

pages/favourites.vue

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

pages/home.vue

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

pages/mutes.vue

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

pages/notifications.vue

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

pages/pinned.vue

@@ -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>

pages/public/index.vue

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

pages/public/local.vue

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

pages/tags/[tag].vue

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