From 5602164c625743ea2099163ea28442aec97637b1 Mon Sep 17 00:00:00 2001
From: Thomas Citharel <tcit@tcit.fr>
Date: Tue, 21 Nov 2023 16:04:09 +0100
Subject: [PATCH] build: replace @vueuse/head with @unhead/vue

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
---
 package-lock.json                             | 28 +------------------
 package.json                                  |  2 +-
 src/components/ErrorComponent.vue             |  2 +-
 src/components/Group/JoinGroupWithAccount.vue |  2 +-
 src/components/OAuth/AuthorizeApplication.vue |  2 +-
 .../Participation/ConfirmParticipation.vue    |  2 +-
 .../ParticipationWithAccount.vue              |  2 +-
 .../ParticipationWithoutAccount.vue           |  2 +-
 .../Participation/UnloggedParticipation.vue   |  2 +-
 src/main.ts                                   |  2 +-
 src/views/About/AboutInstanceView.vue         |  2 +-
 src/views/About/GlossaryView.vue              |  2 +-
 src/views/About/PrivacyView.vue               |  2 +-
 src/views/About/RulesView.vue                 |  2 +-
 src/views/About/TermsView.vue                 |  2 +-
 src/views/AboutView.vue                       |  2 +-
 src/views/Account/IdentityPicker.vue          |  2 +-
 src/views/Account/RegisterView.vue            |  2 +-
 src/views/Account/children/EditIdentity.vue   |  2 +-
 src/views/Admin/AdminGroupProfile.vue         |  2 +-
 src/views/Admin/AdminProfile.vue              |  2 +-
 src/views/Admin/AdminUserProfile.vue          |  2 +-
 src/views/Admin/DashboardView.vue             |  2 +-
 src/views/Admin/GroupProfiles.vue             |  2 +-
 src/views/Admin/InstancesView.vue             |  2 +-
 src/views/Admin/ProfilesView.vue              |  2 +-
 src/views/Admin/SettingsView.vue              |  2 +-
 src/views/Admin/UsersView.vue                 |  2 +-
 src/views/CategoriesView.vue                  |  2 +-
 .../Conversations/ConversationListView.vue    |  2 +-
 src/views/Conversations/ConversationView.vue  |  2 +-
 src/views/Discussions/CreateView.vue          |  2 +-
 src/views/Discussions/DiscussionView.vue      |  2 +-
 src/views/Discussions/DiscussionsListView.vue |  2 +-
 src/views/ErrorView.vue                       |  2 +-
 src/views/Event/EditView.vue                  |  2 +-
 src/views/Event/EventView.vue                 |  2 +-
 src/views/Event/GroupEvents.vue               |  2 +-
 src/views/Event/MyEventsView.vue              |  2 +-
 src/views/Event/ParticipantsView.vue          |  2 +-
 src/views/Group/CreateView.vue                |  2 +-
 src/views/Group/GroupFollowers.vue            |  2 +-
 src/views/Group/GroupMembers.vue              |  2 +-
 src/views/Group/GroupSettings.vue             |  2 +-
 src/views/Group/GroupView.vue                 |  2 +-
 src/views/Group/MyGroups.vue                  |  2 +-
 src/views/Group/SettingsView.vue              |  2 +-
 src/views/Group/TimelineView.vue              |  2 +-
 src/views/HomeView.vue                        |  2 +-
 src/views/InteractView.vue                    |  2 +-
 src/views/Moderation/LogsView.vue             |  2 +-
 src/views/Moderation/ReportListView.vue       |  2 +-
 src/views/Moderation/ReportView.vue           |  2 +-
 src/views/OAuth/AuthorizeView.vue             |  2 +-
 src/views/OAuth/DeviceActivationView.vue      |  2 +-
 src/views/PageNotFound.vue                    |  2 +-
 src/views/Posts/EditView.vue                  |  2 +-
 src/views/Posts/ListView.vue                  |  2 +-
 src/views/Posts/PostView.vue                  |  2 +-
 src/views/Resources/ResourceFolder.vue        |  2 +-
 src/views/SearchView.vue                      |  2 +-
 src/views/Settings/AccountSettings.vue        |  2 +-
 src/views/Settings/AppsView.vue               |  2 +-
 src/views/Settings/NotificationsView.vue      |  2 +-
 src/views/Settings/PreferencesView.vue        |  2 +-
 src/views/SettingsView.vue                    |  2 +-
 src/views/Todos/TodoList.vue                  |  2 +-
 src/views/Todos/TodoLists.vue                 |  2 +-
 src/views/Todos/TodoView.vue                  |  2 +-
 src/views/User/LoginView.vue                  |  2 +-
 src/views/User/PasswordReset.vue              |  2 +-
 src/views/User/ProviderValidation.vue         |  2 +-
 src/views/User/RegisterView.vue               |  2 +-
 src/views/User/ResendConfirmation.vue         |  2 +-
 src/views/User/SendPasswordReset.vue          |  2 +-
 src/views/User/SettingsOnboard.vue            |  2 +-
 src/views/User/ValidateUser.vue               |  2 +-
 tests/unit/setup.ts                           |  2 +-
 78 files changed, 78 insertions(+), 104 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 04aeb7b1..8c392817 100644
--- a/package-lock.json
+++ b/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",
diff --git a/package.json b/package.json
index 134aa2cb..43a1da16 100644
--- a/package.json
+++ b/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",
diff --git a/src/components/ErrorComponent.vue b/src/components/ErrorComponent.vue
index 7f755fd4..f096b4ba 100644
--- a/src/components/ErrorComponent.vue
+++ b/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")
diff --git a/src/components/Group/JoinGroupWithAccount.vue b/src/components/Group/JoinGroupWithAccount.vue
index 3a8597b5..9c337f39 100644
--- a/src/components/Group/JoinGroupWithAccount.vue
+++ b/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;
diff --git a/src/components/OAuth/AuthorizeApplication.vue b/src/components/OAuth/AuthorizeApplication.vue
index 2232ee33..1d896f05 100644
--- a/src/components/OAuth/AuthorizeApplication.vue
+++ b/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";
diff --git a/src/components/Participation/ConfirmParticipation.vue b/src/components/Participation/ConfirmParticipation.vue
index 223da0cc..2d5ebbde 100644
--- a/src/components/Participation/ConfirmParticipation.vue
+++ b/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" });
 
diff --git a/src/components/Participation/ParticipationWithAccount.vue b/src/components/Participation/ParticipationWithAccount.vue
index d53004f9..84cb7137 100644
--- a/src/components/Participation/ParticipationWithAccount.vue
+++ b/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";
 
diff --git a/src/components/Participation/ParticipationWithoutAccount.vue b/src/components/Participation/ParticipationWithoutAccount.vue
index 5d70c0f3..f2a93ea0 100644
--- a/src/components/Participation/ParticipationWithoutAccount.vue
+++ b/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);
diff --git a/src/components/Participation/UnloggedParticipation.vue b/src/components/Participation/UnloggedParticipation.vue
index 8be6313a..e4cfb75a 100644
--- a/src/components/Participation/UnloggedParticipation.vue
+++ b/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 }>();
diff --git a/src/main.ts b/src/main.ts
index 00173e00..04e94bbf 100644
--- a/src/main.ts
+++ b/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";
 
diff --git a/src/views/About/AboutInstanceView.vue b/src/views/About/AboutInstanceView.vue
index 7f8c3cf0..c89277bb 100644
--- a/src/views/About/AboutInstanceView.vue
+++ b/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);
 
diff --git a/src/views/About/GlossaryView.vue b/src/views/About/GlossaryView.vue
index 7ac4e1d6..40000e4e 100644
--- a/src/views/About/GlossaryView.vue
+++ b/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";
diff --git a/src/views/About/PrivacyView.vue b/src/views/About/PrivacyView.vue
index 20213f43..ee458ab7 100644
--- a/src/views/About/PrivacyView.vue
+++ b/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";
 
diff --git a/src/views/About/RulesView.vue b/src/views/About/RulesView.vue
index 889d75be..278fe3d9 100644
--- a/src/views/About/RulesView.vue
+++ b/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";
 
diff --git a/src/views/About/TermsView.vue b/src/views/About/TermsView.vue
index 342b5f4f..5f24a36f 100644
--- a/src/views/About/TermsView.vue
+++ b/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";
 
diff --git a/src/views/AboutView.vue b/src/views/AboutView.vue
index 8476b239..2b48b9bd 100644
--- a/src/views/AboutView.vue
+++ b/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();
 
diff --git a/src/views/Account/IdentityPicker.vue b/src/views/Account/IdentityPicker.vue
index b7932e68..ccd4fc02 100644
--- a/src/views/Account/IdentityPicker.vue
+++ b/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();
 
diff --git a/src/views/Account/RegisterView.vue b/src/views/Account/RegisterView.vue
index 5a5830cb..ab2eba3d 100644
--- a/src/views/Account/RegisterView.vue
+++ b/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(
diff --git a/src/views/Account/children/EditIdentity.vue b/src/views/Account/children/EditIdentity.vue
index 65f6123a..9266aaed 100644
--- a/src/views/Account/children/EditIdentity.vue
+++ b/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();
diff --git a/src/views/Admin/AdminGroupProfile.vue b/src/views/Admin/AdminGroupProfile.vue
index a74050f2..32795b07 100644
--- a/src/views/Admin/AdminGroupProfile.vue
+++ b/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 {
diff --git a/src/views/Admin/AdminProfile.vue b/src/views/Admin/AdminProfile.vue
index 9494ba99..daceb6aa 100644
--- a/src/views/Admin/AdminProfile.vue
+++ b/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 {
diff --git a/src/views/Admin/AdminUserProfile.vue b/src/views/Admin/AdminUserProfile.vue
index eeb46f0a..d05c90cf 100644
--- a/src/views/Admin/AdminUserProfile.vue
+++ b/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";
diff --git a/src/views/Admin/DashboardView.vue b/src/views/Admin/DashboardView.vue
index 69a5cc20..a6e0157b 100644
--- a/src/views/Admin/DashboardView.vue
+++ b/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";
diff --git a/src/views/Admin/GroupProfiles.vue b/src/views/Admin/GroupProfiles.vue
index 21ab50f3..123fea9f 100644
--- a/src/views/Admin/GroupProfiles.vue
+++ b/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";
diff --git a/src/views/Admin/InstancesView.vue b/src/views/Admin/InstancesView.vue
index 3dad71a0..f0aadaa6 100644
--- a/src/views/Admin/InstancesView.vue
+++ b/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";
 
diff --git a/src/views/Admin/ProfilesView.vue b/src/views/Admin/ProfilesView.vue
index 27523f26..09df3e2f 100644
--- a/src/views/Admin/ProfilesView.vue
+++ b/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,
diff --git a/src/views/Admin/SettingsView.vue b/src/views/Admin/SettingsView.vue
index 137bc558..ea735666 100644
--- a/src/views/Admin/SettingsView.vue
+++ b/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 = {
diff --git a/src/views/Admin/UsersView.vue b/src/views/Admin/UsersView.vue
index bcff12e6..d6adece1 100644
--- a/src/views/Admin/UsersView.vue
+++ b/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";
 
diff --git a/src/views/CategoriesView.vue b/src/views/CategoriesView.vue
index 26daefce..3cfaae82 100644
--- a/src/views/CategoriesView.vue
+++ b/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" });
 
diff --git a/src/views/Conversations/ConversationListView.vue b/src/views/Conversations/ConversationListView.vue
index f903d147..b2f41385 100644
--- a/src/views/Conversations/ConversationListView.vue
+++ b/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";
diff --git a/src/views/Conversations/ConversationView.vue b/src/views/Conversations/ConversationView.vue
index f92d5364..f3705a32 100644
--- a/src/views/Conversations/ConversationView.vue
+++ b/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";
diff --git a/src/views/Discussions/CreateView.vue b/src/views/Discussions/CreateView.vue
index 3e946ecd..f44ebc6f 100644
--- a/src/views/Discussions/CreateView.vue
+++ b/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";
 
diff --git a/src/views/Discussions/DiscussionView.vue b/src/views/Discussions/DiscussionView.vue
index 95248269..43e9f05c 100644
--- a/src/views/Discussions/DiscussionView.vue
+++ b/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";
diff --git a/src/views/Discussions/DiscussionsListView.vue b/src/views/Discussions/DiscussionsListView.vue
index 3d085bb1..c04d526d 100644
--- a/src/views/Discussions/DiscussionsListView.vue
+++ b/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);
diff --git a/src/views/ErrorView.vue b/src/views/ErrorView.vue
index c741dd24..6138389a 100644
--- a/src/views/ErrorView.vue
+++ b/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";
diff --git a/src/views/Event/EditView.vue b/src/views/Event/EditView.vue
index c18eba75..f146f9fd 100644
--- a/src/views/Event/EditView.vue
+++ b/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";
diff --git a/src/views/Event/EventView.vue b/src/views/Event/EventView.vue
index 31e345ec..9f79acdb 100755
--- a/src/views/Event/EventView.vue
+++ b/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")
diff --git a/src/views/Event/GroupEvents.vue b/src/views/Event/GroupEvents.vue
index 1ab7e90e..d0717804 100644
--- a/src/views/Event/GroupEvents.vue
+++ b/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;
diff --git a/src/views/Event/MyEventsView.vue b/src/views/Event/MyEventsView.vue
index 6933f011..c38d743c 100644
--- a/src/views/Event/MyEventsView.vue
+++ b/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")
diff --git a/src/views/Event/ParticipantsView.vue b/src/views/Event/ParticipantsView.vue
index 4630b581..81b900a3 100644
--- a/src/views/Event/ParticipantsView.vue
+++ b/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";
 
diff --git a/src/views/Group/CreateView.vue b/src/views/Group/CreateView.vue
index d3d9aaed..232b4975 100644
--- a/src/views/Group/CreateView.vue
+++ b/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";
 
diff --git a/src/views/Group/GroupFollowers.vue b/src/views/Group/GroupFollowers.vue
index 77619398..7f3d1e3b 100644
--- a/src/views/Group/GroupFollowers.vue
+++ b/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";
diff --git a/src/views/Group/GroupMembers.vue b/src/views/Group/GroupMembers.vue
index 56fdbc4a..e873e155 100644
--- a/src/views/Group/GroupMembers.vue
+++ b/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";
diff --git a/src/views/Group/GroupSettings.vue b/src/views/Group/GroupSettings.vue
index 66b490f4..f49ba39d 100644
--- a/src/views/Group/GroupSettings.vue
+++ b/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(
diff --git a/src/views/Group/GroupView.vue b/src/views/Group/GroupView.vue
index 1ccc52e5..fe125e63 100644
--- a/src/views/Group/GroupView.vue
+++ b/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";
diff --git a/src/views/Group/MyGroups.vue b/src/views/Group/MyGroups.vue
index 67d7f5e1..01f92a92 100644
--- a/src/views/Group/MyGroups.vue
+++ b/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";
diff --git a/src/views/Group/SettingsView.vue b/src/views/Group/SettingsView.vue
index b12325d3..468c27d0 100644
--- a/src/views/Group/SettingsView.vue
+++ b/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";
diff --git a/src/views/Group/TimelineView.vue b/src/views/Group/TimelineView.vue
index fd862dae..99d7a856 100644
--- a/src/views/Group/TimelineView.vue
+++ b/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";
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 15cacd6f..151c449f 100644
--- a/src/views/HomeView.vue
+++ b/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";
diff --git a/src/views/InteractView.vue b/src/views/InteractView.vue
index ef63cbdf..4ed03ee1 100644
--- a/src/views/InteractView.vue
+++ b/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" });
diff --git a/src/views/Moderation/LogsView.vue b/src/views/Moderation/LogsView.vue
index 2e5c0d42..e9832654 100644
--- a/src/views/Moderation/LogsView.vue
+++ b/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";
diff --git a/src/views/Moderation/ReportListView.vue b/src/views/Moderation/ReportListView.vue
index 9887c87c..c771699e 100644
--- a/src/views/Moderation/ReportListView.vue
+++ b/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,
diff --git a/src/views/Moderation/ReportView.vue b/src/views/Moderation/ReportView.vue
index 242fe3e7..615c5068 100644
--- a/src/views/Moderation/ReportView.vue
+++ b/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";
diff --git a/src/views/OAuth/AuthorizeView.vue b/src/views/OAuth/AuthorizeView.vue
index fa0c0537..7bffe204 100644
--- a/src/views/OAuth/AuthorizeView.vue
+++ b/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";
diff --git a/src/views/OAuth/DeviceActivationView.vue b/src/views/OAuth/DeviceActivationView.vue
index 6ed5dd63..95fe78d9 100644
--- a/src/views/OAuth/DeviceActivationView.vue
+++ b/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";
diff --git a/src/views/PageNotFound.vue b/src/views/PageNotFound.vue
index ebbee571..baee810d 100644
--- a/src/views/PageNotFound.vue
+++ b/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";
diff --git a/src/views/Posts/EditView.vue b/src/views/Posts/EditView.vue
index 5b7ee606..74f8ac95 100644
--- a/src/views/Posts/EditView.vue
+++ b/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";
diff --git a/src/views/Posts/ListView.vue b/src/views/Posts/ListView.vue
index 394edece..fe92949e 100644
--- a/src/views/Posts/ListView.vue
+++ b/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";
diff --git a/src/views/Posts/PostView.vue b/src/views/Posts/PostView.vue
index c6d6e76f..91cae589 100644
--- a/src/views/Posts/PostView.vue
+++ b/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";
diff --git a/src/views/Resources/ResourceFolder.vue b/src/views/Resources/ResourceFolder.vue
index a5193833..68057a26 100644
--- a/src/views/Resources/ResourceFolder.vue
+++ b/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";
diff --git a/src/views/SearchView.vue b/src/views/SearchView.vue
index d1d2cc38..b156c7dd 100644
--- a/src/views/SearchView.vue
+++ b/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";
diff --git a/src/views/Settings/AccountSettings.vue b/src/views/Settings/AccountSettings.vue
index 001328f0..3376d8ec 100644
--- a/src/views/Settings/AccountSettings.vue
+++ b/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";
diff --git a/src/views/Settings/AppsView.vue b/src/views/Settings/AppsView.vue
index 0f0f5bad..fd267285 100644
--- a/src/views/Settings/AppsView.vue
+++ b/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";
diff --git a/src/views/Settings/NotificationsView.vue b/src/views/Settings/NotificationsView.vue
index e87fab2b..66651134 100644
--- a/src/views/Settings/NotificationsView.vue
+++ b/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 };
diff --git a/src/views/Settings/PreferencesView.vue b/src/views/Settings/PreferencesView.vue
index 2be472a9..2970b96e 100644
--- a/src/views/Settings/PreferencesView.vue
+++ b/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";
diff --git a/src/views/SettingsView.vue b/src/views/SettingsView.vue
index c7a8c270..5442ca43 100644
--- a/src/views/SettingsView.vue
+++ b/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" });
 
diff --git a/src/views/Todos/TodoList.vue b/src/views/Todos/TodoList.vue
index 2170ca2a..407ea154 100644
--- a/src/views/Todos/TodoList.vue
+++ b/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 }>();
diff --git a/src/views/Todos/TodoLists.vue b/src/views/Todos/TodoLists.vue
index b3f7b810..68738620 100644
--- a/src/views/Todos/TodoLists.vue
+++ b/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";
 
diff --git a/src/views/Todos/TodoView.vue b/src/views/Todos/TodoView.vue
index 65dc371b..ee8b7e7a 100644
--- a/src/views/Todos/TodoView.vue
+++ b/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 }>();
diff --git a/src/views/User/LoginView.vue b/src/views/User/LoginView.vue
index 94888fe4..cfd815a1 100644
--- a/src/views/User/LoginView.vue
+++ b/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" });
diff --git a/src/views/User/PasswordReset.vue b/src/views/User/PasswordReset.vue
index bcdfa28e..75a5dc67 100644
--- a/src/views/User/PasswordReset.vue
+++ b/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 }>();
diff --git a/src/views/User/ProviderValidation.vue b/src/views/User/ProviderValidation.vue
index 63675bb5..c18e2bbc 100644
--- a/src/views/User/ProviderValidation.vue
+++ b/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";
 
diff --git a/src/views/User/RegisterView.vue b/src/views/User/RegisterView.vue
index 2a7857b9..2c3e37ad 100644
--- a/src/views/User/RegisterView.vue
+++ b/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";
diff --git a/src/views/User/ResendConfirmation.vue b/src/views/User/ResendConfirmation.vue
index ec5457de..57fb472a 100644
--- a/src/views/User/ResendConfirmation.vue
+++ b/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({
diff --git a/src/views/User/SendPasswordReset.vue b/src/views/User/SendPasswordReset.vue
index 76870f55..d880baac 100644
--- a/src/views/User/SendPasswordReset.vue
+++ b/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" });
diff --git a/src/views/User/SettingsOnboard.vue b/src/views/User/SettingsOnboard.vue
index 97ed777f..b8e8b442 100644
--- a/src/views/User/SettingsOnboard.vue
+++ b/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";
diff --git a/src/views/User/ValidateUser.vue b/src/views/User/ValidateUser.vue
index fdea6d34..cc55a6af 100644
--- a/src/views/User/ValidateUser.vue
+++ b/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" });
diff --git a/tests/unit/setup.ts b/tests/unit/setup.ts
index ae673823..975632a6 100644
--- a/tests/unit/setup.ts
+++ b/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();