build: replace @vueuse/head with @unhead/vue

Signed-off-by: Thomas Citharel <tcit@tcit.fr>

package-lock.json

@@ -38,13 +38,13 @@
         "@tiptap/pm": "^2.0.0-beta.220",
         "@tiptap/suggestion": "^2.0.0-beta.195",
         "@tiptap/vue-3": "^2.0.0-beta.96",
+        "@unhead/vue": "^1.8.5",
         "@vue-a11y/announcer": "^2.1.0",
         "@vue-a11y/skip-to": "^2.1.2",
         "@vue-leaflet/vue-leaflet": "^0.10.1",
         "@vue/apollo-composable": "^4.0.0-beta.9",
         "@vue/compiler-sfc": "^3.2.37",
         "@vueuse/core": "^10.0.2",
-        "@vueuse/head": "^1.0",
         "@vueuse/router": "^10.0.2",
         "apollo-absinthe-upload-link": "^1.5.0",
         "autoprefixer": "^10",
@@ -4167,18 +4167,6 @@
         "url": "https://github.com/sponsors/harlan-zw"
       }
     },
-    "node_modules/@unhead/ssr": {
-      "version": "1.8.5",
-      "resolved": "https://registry.npmjs.org/@unhead/ssr/-/ssr-1.8.5.tgz",
-      "integrity": "sha512-RG2OHLR5Jy4FOXj9+YvQr6mx7MZuoALQFQXn/8z0Nb1SM4Aipt5GY1Aeh8bk6Gd+g5BbiqOqmJNumvgdKOPm5w==",
-      "dependencies": {
-        "@unhead/schema": "1.8.5",
-        "@unhead/shared": "1.8.5"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/harlan-zw"
-      }
-    },
     "node_modules/@unhead/vue": {
       "version": "1.8.5",
       "resolved": "https://registry.npmjs.org/@unhead/vue/-/vue-1.8.5.tgz",
@@ -4656,20 +4644,6 @@
         }
       }
     },
-    "node_modules/@vueuse/head": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/@vueuse/head/-/head-1.3.1.tgz",
-      "integrity": "sha512-XCcHGfDzkGlHS7KIPJVYN//L7jpfASLsN7MUE19ndHVQLnPIDxqFLDl7IROsY81PKzawVAUe4OYVWcGixseWxA==",
-      "dependencies": {
-        "@unhead/dom": "^1.3.1",
-        "@unhead/schema": "^1.3.1",
-        "@unhead/ssr": "^1.3.1",
-        "@unhead/vue": "^1.3.1"
-      },
-      "peerDependencies": {
-        "vue": ">=2.7 || >=3"
-      }
-    },
     "node_modules/@vueuse/metadata": {
       "version": "10.6.1",
       "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-10.6.1.tgz",

package.json

@@ -55,13 +55,13 @@
     "@tiptap/pm": "^2.0.0-beta.220",
     "@tiptap/suggestion": "^2.0.0-beta.195",
     "@tiptap/vue-3": "^2.0.0-beta.96",
+    "@unhead/vue": "^1.8.5",
     "@vue-a11y/announcer": "^2.1.0",
     "@vue-a11y/skip-to": "^2.1.2",
     "@vue-leaflet/vue-leaflet": "^0.10.1",
     "@vue/apollo-composable": "^4.0.0-beta.9",
     "@vue/compiler-sfc": "^3.2.37",
     "@vueuse/core": "^10.0.2",
-    "@vueuse/head": "^1.0",
     "@vueuse/router": "^10.0.2",
     "apollo-absinthe-upload-link": "^1.5.0",
     "autoprefixer": "^10",

src/components/ErrorComponent.vue

@@ -105,7 +105,7 @@ import { IAnalyticsConfig } from "@/types/config.model";
 import { computed, defineAsyncComponent, ref } from "vue";
 import { useQueryLoading } from "@vue/apollo-composable";
 import { useI18n } from "vue-i18n";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import { useAnalytics } from "@/composition/apollo/config";
 const SentryFeedback = defineAsyncComponent(
   () => import("./Feedback/SentryFeedback.vue")

src/components/Group/JoinGroupWithAccount.vue

@@ -16,7 +16,7 @@ import { useGroup } from "@/composition/apollo/group";
 import { displayName } from "@/types/actor";
 import { computed } from "vue";
 import { useI18n } from "vue-i18n";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 
 const props = defineProps<{
   preferredUsername: string;

src/components/OAuth/AuthorizeApplication.vue

@@ -90,7 +90,7 @@
 </template>
 
 <script lang="ts" setup>
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import { computed, inject, ref } from "vue";
 import { useI18n } from "vue-i18n";
 import { useMutation } from "@vue/apollo-composable";

src/components/Participation/ConfirmParticipation.vue

@@ -70,7 +70,7 @@ import { CONFIRM_PARTICIPATION } from "../../graphql/event";
 import { computed, ref, watchEffect } from "vue";
 import { useMutation } from "@vue/apollo-composable";
 import { useI18n } from "vue-i18n";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 
 const { t } = useI18n({ useScope: "global" });
 

src/components/Participation/ParticipationWithAccount.vue

@@ -9,7 +9,7 @@
 <script lang="ts" setup>
 import RedirectWithAccount from "@/components/Utils/RedirectWithAccount.vue";
 import { useFetchEvent } from "@/composition/apollo/event";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import { computed } from "vue";
 import { useI18n } from "vue-i18n";
 

src/components/Participation/ParticipationWithoutAccount.vue

@@ -146,7 +146,7 @@ import { useFetchEventBasic } from "@/composition/apollo/event";
 import { useAnonymousActorId } from "@/composition/apollo/config";
 import { computed, reactive, ref } from "vue";
 import { useI18n } from "vue-i18n";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import { useMutation } from "@vue/apollo-composable";
 
 const error = ref<boolean | string>(false);

src/components/Participation/UnloggedParticipation.vue

@@ -99,7 +99,7 @@ import { useFetchEvent } from "@/composition/apollo/event";
 import { useAnonymousParticipationConfig } from "@/composition/apollo/config";
 import { computed } from "vue";
 import { useRouter } from "vue-router";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import { useI18n } from "vue-i18n";
 
 const props = defineProps<{ uuid: string }>();

src/main.ts

@@ -22,7 +22,7 @@ import "@oruga-ui/oruga-next/dist/oruga.css";
 import "./assets/oruga-tailwindcss.css";
 import { orugaConfig } from "./oruga-config";
 import MaterialIcon from "./components/core/MaterialIcon.vue";
-import { createHead } from "@vueuse/head";
+import { createHead } from "@unhead/vue";
 import { CONFIG } from "./graphql/config";
 import { IConfig } from "./types/config.model";
 

src/views/About/AboutInstanceView.vue

@@ -123,7 +123,7 @@ import { IStatistics } from "../../types/statistics.model";
 import { useQuery } from "@vue/apollo-composable";
 import { computed } from "vue";
 import { useI18n } from "vue-i18n";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 
 const { result: configResult } = useQuery<{ config: IConfig }>(ABOUT);
 

src/views/About/GlossaryView.vue

@@ -71,7 +71,7 @@
 
 <script lang="ts" setup>
 import { useQuery } from "@vue/apollo-composable";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import { computed } from "vue";
 import { useI18n } from "vue-i18n";
 import { ABOUT } from "../../graphql/config";

src/views/About/PrivacyView.vue

@@ -14,7 +14,7 @@ import { PRIVACY } from "@/graphql/config";
 import { IConfig } from "@/types/config.model";
 import { InstancePrivacyType } from "@/types/enums";
 import { useQuery } from "@vue/apollo-composable";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import { computed, watch } from "vue";
 import { useI18n } from "vue-i18n";
 

src/views/About/RulesView.vue

@@ -14,7 +14,7 @@
 import { RULES } from "@/graphql/config";
 import { IConfig } from "@/types/config.model";
 import { useQuery } from "@vue/apollo-composable";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import { computed } from "vue";
 import { useI18n } from "vue-i18n";
 

src/views/About/TermsView.vue

@@ -15,7 +15,7 @@ import { TERMS } from "@/graphql/config";
 import { IConfig } from "@/types/config.model";
 import { InstanceTermsType } from "@/types/enums";
 import { useQuery } from "@vue/apollo-composable";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import { computed, watch } from "vue";
 import { useI18n } from "vue-i18n";
 

src/views/AboutView.vue

@@ -113,7 +113,7 @@ import { useQuery } from "@vue/apollo-composable";
 import { computed } from "vue";
 import { useCurrentUserClient } from "@/composition/apollo/user";
 import { useI18n } from "vue-i18n";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 
 const { currentUser } = useCurrentUserClient();
 

src/views/Account/IdentityPicker.vue

@@ -60,7 +60,7 @@ import { useCurrentUserIdentities } from "@/composition/apollo/actor";
 import { computed } from "vue";
 import AccountCircle from "vue-material-design-icons/AccountCircle.vue";
 import { useI18n } from "vue-i18n";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 
 const { identities } = useCurrentUserIdentities();
 

src/views/Account/RegisterView.vue

@@ -137,7 +137,7 @@ import { useRouter } from "vue-router";
 import { registerAccount } from "@/composition/apollo/user";
 import { convertToUsername } from "@/utils/username";
 import { useI18n } from "vue-i18n";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import { getValueFromMeta } from "@/utils/html";
 
 const props = withDefaults(

src/views/Account/children/EditIdentity.vue

@@ -226,7 +226,7 @@ import { Dialog } from "@/plugins/dialog";
 import { Notifier } from "@/plugins/notifier";
 import { AbsintheGraphQLErrors } from "@/types/errors.model";
 import { ICurrentUser } from "@/types/current-user.model";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 
 const { t } = useI18n({ useScope: "global" });
 const router = useRouter();

src/views/Admin/AdminGroupProfile.vue

@@ -336,7 +336,7 @@ import EmptyContent from "../../components/Utils/EmptyContent.vue";
 import { ApolloCache, FetchResult } from "@apollo/client/core";
 import { useMutation, useQuery } from "@vue/apollo-composable";
 import { computed, inject } from "vue";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import { integerTransformer, useRouteQuery } from "vue-use-route-query";
 import { useI18n } from "vue-i18n";
 import {

src/views/Admin/AdminProfile.vue

@@ -319,7 +319,7 @@ import { MemberRole } from "@/types/enums";
 import cloneDeep from "lodash/cloneDeep";
 import { useMutation, useQuery } from "@vue/apollo-composable";
 import { integerTransformer, useRouteQuery } from "vue-use-route-query";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import { computed } from "vue";
 import { useI18n } from "vue-i18n";
 import {

src/views/Admin/AdminUserProfile.vue

@@ -327,7 +327,7 @@ import { ADMIN_UPDATE_USER, LANGUAGES_CODES } from "@/graphql/admin";
 import { useMutation, useQuery } from "@vue/apollo-composable";
 import { ILanguage } from "@/types/admin.model";
 import { computed, inject, reactive, ref, watch } from "vue";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import { useI18n } from "vue-i18n";
 import { formatDateTimeString } from "@/filters/datetime";
 import { useRouter } from "vue-router";

src/views/Admin/DashboardView.vue

@@ -90,7 +90,7 @@ import RouteName from "@/router/name";
 import { useQuery } from "@vue/apollo-composable";
 import { computed } from "vue";
 import { useI18n } from "vue-i18n";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import NumberDashboardTile from "@/components/Dashboard/NumberDashboardTile.vue";
 import LinkedNumberDashboardTile from "@/components/Dashboard/LinkedNumberDashboardTile.vue";
 import { InstanceFilterFollowStatus } from "@/types/enums";

src/views/Admin/GroupProfiles.vue

@@ -119,7 +119,7 @@ import {
   useRouteQuery,
 } from "vue-use-route-query";
 import { useI18n } from "vue-i18n";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import { computed } from "vue";
 import { Paginate } from "@/types/paginate";
 import { IGroup } from "@/types/actor";

src/views/Admin/InstancesView.vue

@@ -183,7 +183,7 @@ import {
 import { useMutation, useQuery } from "@vue/apollo-composable";
 import { computed, inject, ref } from "vue";
 import { useRouter } from "vue-router";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import CloudQuestion from "../../../node_modules/vue-material-design-icons/CloudQuestion.vue";
 import { Notifier } from "@/plugins/notifier";
 

src/views/Admin/ProfilesView.vue

@@ -103,7 +103,7 @@ import EmptyContent from "@/components/Utils/EmptyContent.vue";
 import { useQuery } from "@vue/apollo-composable";
 import { useI18n } from "vue-i18n";
 import { computed } from "vue";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import {
   useRouteQuery,
   booleanTransformer,

src/views/Admin/SettingsView.vue

@@ -385,7 +385,7 @@ import RouteName from "@/router/name";
 import { useMutation, useQuery } from "@vue/apollo-composable";
 import { ref, computed, watch, inject } from "vue";
 import { useI18n } from "vue-i18n";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import type { Notifier } from "@/plugins/notifier";
 
 const defaultAdminSettings: IAdminSettings = {

src/views/Admin/UsersView.vue

@@ -110,7 +110,7 @@ import { useQuery } from "@vue/apollo-composable";
 import { ILanguage } from "@/types/admin.model";
 import { computed, ref } from "vue";
 import { useI18n } from "vue-i18n";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import { integerTransformer, useRouteQuery } from "vue-use-route-query";
 import { formatDateTimeString } from "@/filters/datetime";
 

src/views/CategoriesView.vue

@@ -103,7 +103,7 @@ import {
 import { useI18n } from "vue-i18n";
 import { useEventCategories } from "@/composition/apollo/config";
 import EmptyContent from "@/components/Utils/EmptyContent.vue";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 
 const { t } = useI18n({ useScope: "global" });
 

src/views/Conversations/ConversationListView.vue

@@ -54,7 +54,7 @@ import {
 import { PROFILE_CONVERSATIONS } from "@/graphql/event";
 import ConversationListItem from "../../components/Conversations/ConversationListItem.vue";
 import EmptyContent from "../../components/Utils/EmptyContent.vue";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import { IPerson } from "@/types/actor";
 import { useProgrammatic } from "@oruga-ui/oruga-next";
 import { arrayTransformer } from "@/utils/route";

src/views/Conversations/ConversationView.vue

@@ -181,7 +181,7 @@ import {
   onMounted,
   onUnmounted,
 } from "vue";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import { useRouter } from "vue-router";
 import { useCurrentActorClient } from "../../composition/apollo/actor";
 import { AbsintheGraphQLError } from "../../types/errors.model";

src/views/Discussions/CreateView.vue

@@ -69,7 +69,7 @@ import { useI18n } from "vue-i18n";
 import { useMutation } from "@vue/apollo-composable";
 import { IDiscussion } from "@/types/discussions";
 import { useRouter } from "vue-router";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import { Notifier } from "@/plugins/notifier";
 import { AbsintheGraphQLError } from "@/types/errors.model";
 

src/views/Discussions/DiscussionView.vue

@@ -171,7 +171,7 @@ import {
   computed,
   inject,
 } from "vue";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import { useRouter } from "vue-router";
 import { useCurrentActorClient } from "@/composition/apollo/actor";
 import { AbsintheGraphQLError } from "@/types/errors.model";

src/views/Discussions/DiscussionsListView.vue

@@ -83,7 +83,7 @@ import EmptyContent from "@/components/Utils/EmptyContent.vue";
 import { usePersonStatusGroup } from "@/composition/apollo/actor";
 import { useI18n } from "vue-i18n";
 import { useRouteQuery, integerTransformer } from "vue-use-route-query";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import { computed } from "vue";
 
 const page = useRouteQuery("page", 1, integerTransformer);

src/views/ErrorView.vue

@@ -12,7 +12,7 @@
 
 <script lang="ts" setup>
 import { ErrorCode } from "@/types/enums";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import { useI18n } from "vue-i18n";
 import { useRouteQuery } from "vue-use-route-query";
 import { computed } from "vue";

src/views/Event/EditView.vue

@@ -629,7 +629,7 @@ import { useMutation } from "@vue/apollo-composable";
 import { fetchTags } from "@/composition/apollo/tags";
 import { Dialog } from "@/plugins/dialog";
 import { Notifier } from "@/plugins/notifier";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import { useProgrammatic } from "@oruga-ui/oruga-next";
 import type { Locale } from "date-fns";
 import sortBy from "lodash/sortBy";

src/views/Event/EventView.vue

@@ -326,7 +326,7 @@ import {
 import { useI18n } from "vue-i18n";
 import { Notifier } from "@/plugins/notifier";
 import { AbsintheGraphQLErrors } from "@/types/errors.model";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 
 const IntegrationTwitch = defineAsyncComponent(
   () => import("@/components/Event/Integrations/TwitchIntegration.vue")

src/views/Event/GroupEvents.vue

@@ -116,7 +116,7 @@ import {
   useRouteQuery,
 } from "vue-use-route-query";
 import { MemberRole } from "@/types/enums";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import { useI18n } from "vue-i18n";
 
 const EVENTS_PAGE_LIMIT = 10;

src/views/Event/MyEventsView.vue

@@ -237,7 +237,7 @@ import {
 import { Locale } from "date-fns";
 import { useI18n } from "vue-i18n";
 import { useRestrictions } from "@/composition/apollo/config";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 
 const EventParticipationCard = defineAsyncComponent(
   () => import("@/components/Event/EventParticipationCard.vue")

src/views/Event/ParticipantsView.vue

@@ -286,7 +286,7 @@ import Incognito from "vue-material-design-icons/Incognito.vue";
 import EmptyContent from "@/components/Utils/EmptyContent.vue";
 import { Notifier } from "@/plugins/notifier";
 import Tag from "@/components/TagElement.vue";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import EventConversations from "../../components/Conversations/EventConversations.vue";
 import NewPrivateMessage from "../../components/Participation/NewPrivateMessage.vue";
 

src/views/Group/CreateView.vue

@@ -230,7 +230,7 @@ import {
   useHost,
 } from "@/composition/config";
 import { Notifier } from "@/plugins/notifier";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import { Openness, GroupVisibility } from "@/types/enums";
 import FullAddressAutoComplete from "@/components/Event/FullAddressAutoComplete.vue";
 

src/views/Group/GroupFollowers.vue

@@ -126,7 +126,7 @@ import {
   useRouteQuery,
 } from "vue-use-route-query";
 import { computed, inject } from "vue";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import { useI18n } from "vue-i18n";
 import { usePersonStatusGroup } from "@/composition/apollo/actor";
 import { MemberRole } from "@/types/enums";

src/views/Group/GroupMembers.vue

@@ -250,7 +250,7 @@ import {
 } from "@/graphql/member";
 import { usernameWithDomain, displayName, IGroup } from "@/types/actor";
 import EmptyContent from "@/components/Utils/EmptyContent.vue";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import { useI18n } from "vue-i18n";
 import { useMutation, useQuery } from "@vue/apollo-composable";
 import { computed, inject, ref } from "vue";

src/views/Group/GroupSettings.vue

@@ -206,7 +206,7 @@ import { DELETE_GROUP } from "@/graphql/group";
 import { useMutation } from "@vue/apollo-composable";
 import { useRouter } from "vue-router";
 import { Dialog } from "@/plugins/dialog";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import { Notifier } from "@/plugins/notifier";
 
 const Editor = defineAsyncComponent(

src/views/Group/GroupView.vue

@@ -706,7 +706,7 @@ import AccountMultiplePlus from "vue-material-design-icons/AccountMultiplePlus.v
 import Earth from "vue-material-design-icons/Earth.vue";
 import { useI18n } from "vue-i18n";
 import { useCreateReport } from "@/composition/apollo/report";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import Discussions from "@/components/Group/Sections/DiscussionsSection.vue";
 import Resources from "@/components/Group/Sections/ResourcesSection.vue";
 import Posts from "@/components/Group/Sections/PostsSection.vue";

src/views/Group/MyGroups.vue

@@ -92,7 +92,7 @@ import { useMutation, useQuery } from "@vue/apollo-composable";
 import { IUser } from "@/types/current-user.model";
 import { integerTransformer, useRouteQuery } from "vue-use-route-query";
 import { computed, inject } from "vue";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import { useI18n } from "vue-i18n";
 import { useRouter } from "vue-router";
 import { Notifier } from "@/plugins/notifier";

src/views/Group/SettingsView.vue

@@ -32,7 +32,7 @@
 <script lang="ts" setup>
 import { computed } from "vue";
 import { useI18n } from "vue-i18n";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import RouteName from "@/router/name";
 import SettingMenuSection from "@/components/Settings/SettingMenuSection.vue";
 import SettingMenuItem from "@/components/Settings/SettingMenuItem.vue";

src/views/Group/TimelineView.vue

@@ -166,7 +166,7 @@ import SkeletonActivityItem from "../../components/Activity/SkeletonActivityItem
 import RouteName from "../../router/name";
 import TimelineText from "vue-material-design-icons/TimelineText.vue";
 import { useQuery } from "@vue/apollo-composable";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import { enumTransformer, useRouteQuery } from "vue-use-route-query";
 import { computed, defineAsyncComponent, ref } from "vue";
 import { useI18n } from "vue-i18n";

src/views/HomeView.vue

@@ -218,7 +218,7 @@ import Presentation from "@/components/Home/MobilizonPresentation.vue";
 import CategoriesPreview from "@/components/Home/CategoriesPreview.vue";
 import UnloggedIntroduction from "@/components/Home/UnloggedIntroduction.vue";
 import SearchFields from "@/components/Home/SearchFields.vue";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import { geoHashToCoords } from "@/utils/location";
 import { useServerProvidedLocation } from "@/composition/apollo/config";
 import { ABOUT } from "@/graphql/config";

src/views/InteractView.vue

@@ -38,7 +38,7 @@ import { computed, reactive } from "vue";
 import { useRouter } from "vue-router";
 import { useI18n } from "vue-i18n";
 import { useRouteQuery } from "vue-use-route-query";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 
 const router = useRouter();
 const { t } = useI18n({ useScope: "global" });

src/views/Moderation/LogsView.vue

@@ -442,7 +442,7 @@ import { displayNameAndUsername, displayName } from "../../types/actor";
 import { Paginate } from "@/types/paginate";
 import { useQuery } from "@vue/apollo-composable";
 import { integerTransformer, useRouteQuery } from "vue-use-route-query";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import { computed } from "vue";
 import { useI18n } from "vue-i18n";
 import { formatDateTimeString } from "@/filters/datetime";

src/views/Moderation/ReportListView.vue

@@ -95,7 +95,7 @@ import { Paginate } from "@/types/paginate";
 import debounce from "lodash/debounce";
 import { useQuery } from "@vue/apollo-composable";
 import { useI18n } from "vue-i18n";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import { computed } from "vue";
 import {
   enumTransformer,

src/views/Moderation/ReportView.vue

@@ -416,7 +416,7 @@ import { GraphQLError } from "graphql";
 import { ApolloCache, FetchResult } from "@apollo/client/core";
 import { useLazyQuery, useMutation, useQuery } from "@vue/apollo-composable";
 import { useCurrentActorClient } from "@/composition/apollo/actor";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import { useI18n } from "vue-i18n";
 import { useRouter } from "vue-router";
 import { ref, computed, inject } from "vue";

src/views/OAuth/AuthorizeView.vue

@@ -77,7 +77,7 @@
 
 <script lang="ts" setup>
 import { useRouteQuery } from "vue-use-route-query";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import { computed, ref } from "vue";
 import { useI18n } from "vue-i18n";
 import { useQuery } from "@vue/apollo-composable";

src/views/OAuth/DeviceActivationView.vue

@@ -71,7 +71,7 @@
 <script lang="ts" setup>
 import { DEVICE_ACTIVATION } from "@/graphql/application";
 import { useMutation } from "@vue/apollo-composable";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import { computed, reactive, ref, watch } from "vue";
 import { useI18n } from "vue-i18n";
 import AuthorizeApplication from "@/components/OAuth/AuthorizeApplication.vue";

src/views/PageNotFound.vue

@@ -55,7 +55,7 @@
   </section>
 </template>
 <script lang="ts" setup>
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import { computed, ref } from "vue";
 import { useI18n } from "vue-i18n";
 import { useRouter } from "vue-router";

src/views/Posts/EditView.vue

@@ -153,7 +153,7 @@ import {
   useCurrentActorClient,
   usePersonStatusGroup,
 } from "@/composition/apollo/actor";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import { useI18n } from "vue-i18n";
 import { computed, inject, onMounted, ref, watch } from "vue";
 import { useRouter } from "vue-router";

src/views/Posts/ListView.vue

@@ -83,7 +83,7 @@ import MultiPostListItem from "../../components/Post/MultiPostListItem.vue";
 import { useCurrentActorClient } from "@/composition/apollo/actor";
 import { useQuery } from "@vue/apollo-composable";
 import { computed } from "vue";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import { integerTransformer, useRouteQuery } from "vue-use-route-query";
 import { useI18n } from "vue-i18n";
 import { MemberRole } from "@/types/enums";

src/views/Posts/PostView.vue

@@ -268,7 +268,7 @@ import { useMutation, useQuery } from "@vue/apollo-composable";
 import { computed, inject, ref } from "vue";
 import { IPost } from "@/types/post.model";
 import { DELETE_POST, FETCH_POST } from "@/graphql/post";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import { formatDateTimeString } from "@/filters/datetime";
 import { useRouter } from "vue-router";
 import { useCreateReport } from "@/composition/apollo/report";

src/views/Resources/ResourceFolder.vue

@@ -225,7 +225,7 @@ import { computed, nextTick, reactive, ref, watch } from "vue";
 import { useI18n } from "vue-i18n";
 import { integerTransformer, useRouteQuery } from "vue-use-route-query";
 import { useRouter } from "vue-router";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import { useResourceProviders } from "@/composition/apollo/config";
 import Folder from "vue-material-design-icons/Folder.vue";
 import Link from "vue-material-design-icons/Link.vue";

src/views/SearchView.vue

@@ -754,7 +754,7 @@ import Calendar from "vue-material-design-icons/Calendar.vue";
 import AccountMultiple from "vue-material-design-icons/AccountMultiple.vue";
 import Magnify from "vue-material-design-icons/Magnify.vue";
 
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import type { Locale } from "date-fns";
 import FilterSection from "@/components/Search/filters/FilterSection.vue";
 import { listShortDisjunctionFormatter } from "@/utils/listFormat";

src/views/Settings/AccountSettings.vue

@@ -231,7 +231,7 @@ import { useLoggedUser } from "@/composition/apollo/user";
 import { Notifier } from "@/plugins/notifier";
 import { IAuthProvider } from "@/types/enums";
 import { useMutation } from "@vue/apollo-composable";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import { GraphQLError } from "graphql/error/GraphQLError";
 import { computed, inject, ref } from "vue";
 import { useI18n } from "vue-i18n";

src/views/Settings/AppsView.vue

@@ -82,7 +82,7 @@ import {
   REVOKED_AUTHORIZED_APPLICATION,
 } from "@/graphql/application";
 import { useMutation, useQuery } from "@vue/apollo-composable";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import { computed, inject } from "vue";
 import { useI18n } from "vue-i18n";
 import RouteName from "../../router/name";

src/views/Settings/NotificationsView.vue

@@ -342,7 +342,7 @@ import {
 } from "vue";
 import { IConfig } from "@/types/config.model";
 import { useI18n } from "vue-i18n";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import { Dialog } from "@/plugins/dialog";
 
 type NotificationSubType = { label: string; id: string };

src/views/Settings/PreferencesView.vue

@@ -149,7 +149,7 @@ import { AddressSearchType } from "@/types/enums";
 import { Address, IAddress } from "@/types/address.model";
 import { useTimezones } from "@/composition/apollo/config";
 import { useUserSettings, updateLocale } from "@/composition/apollo/user";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import { computed, defineAsyncComponent, ref, watch } from "vue";
 import { useI18n } from "vue-i18n";
 import { useMutation } from "@vue/apollo-composable";

src/views/SettingsView.vue

@@ -13,7 +13,7 @@
 import SettingsMenu from "../components/Settings/SettingsMenu.vue";
 import { computed } from "vue";
 import { useI18n } from "vue-i18n";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 
 const { t } = useI18n({ useScope: "global" });
 

src/views/Todos/TodoList.vue

@@ -51,7 +51,7 @@ import RouteName from "../../router/name";
 import { ApolloCache, FetchResult, InMemoryCache } from "@apollo/client/core";
 import { useMutation, useQuery } from "@vue/apollo-composable";
 import { useCurrentActorClient } from "@/composition/apollo/actor";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import { computed, ref } from "vue";
 
 const props = defineProps<{ id: string }>();

src/views/Todos/TodoLists.vue

@@ -70,7 +70,7 @@ import { ITodoList } from "@/types/todolist";
 import RouteName from "../../router/name";
 import { useGroup } from "@/composition/apollo/group";
 import { computed, reactive } from "vue";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import { useI18n } from "vue-i18n";
 import { useMutation } from "@vue/apollo-composable";
 

src/views/Todos/TodoView.vue

@@ -34,7 +34,7 @@ import FullTodo from "@/components/Todo/FullTodo.vue";
 import RouteName from "../../router/name";
 import { displayName, usernameWithDomain } from "@/types/actor";
 import { useQuery } from "@vue/apollo-composable";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import { computed } from "vue";
 
 const props = defineProps<{ todoId: string }>();

src/views/User/LoginView.vue

@@ -141,7 +141,7 @@ import AuthProviders from "@/components/User/AuthProviders.vue";
 import RouteName from "@/router/name";
 import { LoginError, LoginErrorCode } from "@/types/enums";
 import { useCurrentUserClient } from "@/composition/apollo/user";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import { enumTransformer, useRouteQuery } from "vue-use-route-query";
 
 const { t } = useI18n({ useScope: "global" });

src/views/User/PasswordReset.vue

@@ -46,7 +46,7 @@ import RouteName from "@/router/name";
 import { reactive, ref, computed } from "vue";
 import { useMutation } from "@vue/apollo-composable";
 import { useRouter } from "vue-router";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import { useI18n } from "vue-i18n";
 
 const props = defineProps<{ token: string }>();

src/views/User/ProviderValidation.vue

@@ -12,7 +12,7 @@ import { ICurrentUser, IUser } from "../../types/current-user.model";
 import { useRouter } from "vue-router";
 import { useLazyQuery, useMutation } from "@vue/apollo-composable";
 import { useI18n } from "vue-i18n";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import { computed, onMounted } from "vue";
 import { getValueFromMeta } from "@/utils/html";
 

src/views/User/RegisterView.vue

@@ -213,7 +213,7 @@ import { computed, reactive, ref, watch } from "vue";
 import { useMutation, useQuery } from "@vue/apollo-composable";
 import { useI18n } from "vue-i18n";
 import { useRoute, useRouter } from "vue-router";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import { AbsintheGraphQLErrors } from "@/types/errors.model";
 
 type errorType = "danger" | "warning";

src/views/User/ResendConfirmation.vue

@@ -53,7 +53,7 @@ import RouteName from "@/router/name";
 import { ref, computed } from "vue";
 import { useMutation } from "@vue/apollo-composable";
 import { useI18n } from "vue-i18n";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 
 const { t } = useI18n({ useScope: "global" });
 useHead({

src/views/User/SendPasswordReset.vue

@@ -59,7 +59,7 @@ import { SEND_RESET_PASSWORD } from "../../graphql/auth";
 import RouteName from "../../router/name";
 import { computed, ref } from "vue";
 import { useMutation } from "@vue/apollo-composable";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import { useI18n } from "vue-i18n";
 
 const { t } = useI18n({ useScope: "global" });

src/views/User/SettingsOnboard.vue

@@ -56,7 +56,7 @@
 import { USER_SETTINGS } from "@/graphql/user";
 import { IUser } from "@/types/current-user.model";
 import { useQuery } from "@vue/apollo-composable";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import { computed, defineAsyncComponent, watch } from "vue";
 import { useI18n } from "vue-i18n";
 import RouteName from "@/router/name";

src/views/User/ValidateUser.vue

@@ -31,7 +31,7 @@ import { ref, onBeforeMount, computed } from "vue";
 import { useRouter } from "vue-router";
 import { useMutation } from "@vue/apollo-composable";
 import { IUser } from "@/types/current-user.model";
-import { useHead } from "@vueuse/head";
+import { useHead } from "@unhead/vue";
 import { useI18n } from "vue-i18n";
 
 const { t } = useI18n({ useScope: "global" });

tests/unit/setup.ts

@@ -1,6 +1,6 @@
 import "./specs/mocks/matchMedia";
 import { config } from "@vue/test-utils";
-import { createHead } from "@vueuse/head";
+import { createHead } from "@unhead/vue";
 import { i18n } from "@/utils/i18n";
 
 const head = createHead();