From f641272c221552bb04812bae34c4097f20fe07b2 Mon Sep 17 00:00:00 2001
From: glax <johanna@bernloehr.eu>
Date: Mon, 13 Oct 2025 20:05:45 +0200
Subject: [PATCH] useHead

---
 website/app/components/FileLibraries.vue                  | 6 +++---
 .../app/pages/download/[mangaconnectorName]/[mangaId].vue | 2 ++
 website/app/pages/index.vue                               | 2 ++
 website/app/pages/manga/[mangaId]/index.vue               | 2 ++
 website/app/pages/manga/[mangaId]/merge/[targetId].vue    | 2 ++
 website/app/pages/manga/[mangaId]/merge/index.vue         | 2 ++
 website/app/pages/search.vue                              | 2 ++
 website/app/pages/settings.vue                            | 8 +++++---
 8 files changed, 20 insertions(+), 6 deletions(-)

diff --git a/website/app/components/FileLibraries.vue b/website/app/components/FileLibraries.vue
index d3ef41b..4a39fb5 100644
--- a/website/app/components/FileLibraries.vue
+++ b/website/app/components/FileLibraries.vue
@@ -21,8 +21,8 @@ const { data: fileLibraries } = await useApi('/v2/FileLibrary', { key: FetchKeys
 const busy = ref(false);
 const deleteLibrary = async (library: FileLibrary) => {
     busy.value = true;
-    await useApi('/v2/FileLibrary/{FileLibraryId}', { path: { FileLibraryId: library.key }, method: 'DELETE' })
-        .then(() => refreshNuxtData(FetchKeys.FileLibraries))
-        .finally(() => (busy.value = false));
+    await useApi('/v2/FileLibrary/{FileLibraryId}', { path: { FileLibraryId: library.key }, method: 'DELETE' });
+    await refreshNuxtData(FetchKeys.FileLibraries);
+    busy.value = false;
 };
 </script>
diff --git a/website/app/pages/download/[mangaconnectorName]/[mangaId].vue b/website/app/pages/download/[mangaconnectorName]/[mangaId].vue
index 7f3cd36..acade11 100644
--- a/website/app/pages/download/[mangaconnectorName]/[mangaId].vue
+++ b/website/app/pages/download/[mangaconnectorName]/[mangaId].vue
@@ -37,4 +37,6 @@ const onDownloadClick = async () => {
     });
     loading.value = false;
 };
+
+useHead({title: `Download ${manga.value?.name} from ${mangaConnector.value?.name}`});
 </script>
diff --git a/website/app/pages/index.vue b/website/app/pages/index.vue
index 24b7e1d..f6bb52a 100644
--- a/website/app/pages/index.vue
+++ b/website/app/pages/index.vue
@@ -12,4 +12,6 @@
 const { data: manga, refresh } = await useApi('/v2/Manga', { key: FetchKeys.Manga.All, lazy: true });
 onMounted(() => refresh());
 const expanded = ref(-1);
+
+useHead({title: 'Tranga'});
 </script>
diff --git a/website/app/pages/manga/[mangaId]/index.vue b/website/app/pages/manga/[mangaId]/index.vue
index eb8c352..c2b8cf1 100644
--- a/website/app/pages/manga/[mangaId]/index.vue
+++ b/website/app/pages/manga/[mangaId]/index.vue
@@ -56,4 +56,6 @@ const setRequestedFrom = async (MangaConnectorName: string, IsRequested: boolean
     });
     await refreshNuxtData(FetchKeys.Manga.Id(mangaId));
 };
+
+useHead({title: `Manga ${manga.value?.name}`});
 </script>
diff --git a/website/app/pages/manga/[mangaId]/merge/[targetId].vue b/website/app/pages/manga/[mangaId]/merge/[targetId].vue
index 991ecdc..622d292 100644
--- a/website/app/pages/manga/[mangaId]/merge/[targetId].vue
+++ b/website/app/pages/manga/[mangaId]/merge/[targetId].vue
@@ -20,4 +20,6 @@ const mangaId = route.params.mangaId as string;
 
 const { data: target } = await useApi('/v2/Manga/{MangaId}', { path: { MangaId: targetId }, key: FetchKeys.Manga.Id(targetId) });
 const { data: manga } = await useApi('/v2/Manga/{MangaId}', { path: { MangaId: mangaId }, key: FetchKeys.Manga.Id(mangaId) });
+
+useHead({title: `Merge ${manga.value?.name} with ${target.value?.name}`});
 </script>
diff --git a/website/app/pages/manga/[mangaId]/merge/index.vue b/website/app/pages/manga/[mangaId]/merge/index.vue
index 0033c0b..81e02da 100644
--- a/website/app/pages/manga/[mangaId]/merge/index.vue
+++ b/website/app/pages/manga/[mangaId]/merge/index.vue
@@ -18,4 +18,6 @@ const mangaId = route.params.mangaId as string;
 
 const { data: manga } = await useApi('/v2/Manga/{MangaId}', { path: { MangaId: mangaId }, key: FetchKeys.Manga.Id(mangaId) });
 const { data: mangas } = await useApi('/v2/Manga', { key: FetchKeys.Manga.All });
+
+useHead({title: `Merge Manga ${manga.value?.name}`});
 </script>
diff --git a/website/app/pages/search.vue b/website/app/pages/search.vue
index aa8a69b..e679f9c 100644
--- a/website/app/pages/search.vue
+++ b/website/app/pages/search.vue
@@ -119,4 +119,6 @@ const items = ref<StepperItem[]>([
     { title: 'Site', description: 'Select the site on which to search', icon: 'i-lucide-panel-top' },
     { title: 'Results', icon: 'i-lucide-logs' },
 ]);
+
+useHead({title: 'Search Manga'});
 </script>
diff --git a/website/app/pages/settings.vue b/website/app/pages/settings.vue
index f666fdd..f7622f0 100644
--- a/website/app/pages/settings.vue
+++ b/website/app/pages/settings.vue
@@ -49,8 +49,10 @@ const setUrl = async () => {
 const cleanUpDatabaseBusy = ref(false);
 const cleanUpDatabase = async () => {
     cleanUpDatabaseBusy.value = true;
-    await useApi('/v2/Maintenance/CleanupNoDownloadManga', { method: 'POST' })
-        .then(() => refreshNuxtData(FetchKeys.Manga.All))
-        .finally(() => (cleanUpDatabaseBusy.value = false));
+    await useApi('/v2/Maintenance/CleanupNoDownloadManga', { method: 'POST' });
+    await refreshNuxtData(FetchKeys.Manga.All);
+    cleanUpDatabaseBusy.value = false;
 };
+
+useHead({title: 'Settings'});
 </script>