useHead

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' })
+    await useApi('/v2/FileLibrary/{FileLibraryId}', { path: { FileLibraryId: library.key }, method: 'DELETE' });
-        .then(() => refreshNuxtData(FetchKeys.FileLibraries))
+    await refreshNuxtData(FetchKeys.FileLibraries);
-        .finally(() => (busy.value = false));
+    busy.value = false;
 };
 </script>

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>

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>

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>

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>

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>

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>

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' })
+    await useApi('/v2/Maintenance/CleanupNoDownloadManga', { method: 'POST' });
-        .then(() => refreshNuxtData(FetchKeys.Manga.All))
+    await refreshNuxtData(FetchKeys.Manga.All);
-        .finally(() => (cleanUpDatabaseBusy.value = false));
+    cleanUpDatabaseBusy.value = false;
 };
+
+useHead({title: 'Settings'});
 </script>