changes to prettierrc

website/app/pages/manga/[mangaId]/index.vue

@@ -16,15 +16,9 @@
                         class="bg-elevated p-1 rounded-lg w-fit flex items-center justify-center gap-2">
                         <MangaconnectorIcon v-bind="mangaconnectorId" />
                         <UTooltip
-                            :text="
-                                mangaconnectorId.useForDownload
-                                    ? 'Stop downloading from this website'
-                                    : 'Download from this website'
-                            ">
+                            :text="mangaconnectorId.useForDownload ? 'Stop downloading from this website' : 'Download from this website'">
                             <UButton
-                                :icon="
-                                    mangaconnectorId.useForDownload ? 'i-lucide-cloud-off' : 'i-lucide-cloud-download'
-                                "
+                                :icon="mangaconnectorId.useForDownload ? 'i-lucide-cloud-off' : 'i-lucide-cloud-download'"
                                 variant="ghost"
                                 disabled />
                             <!-- Not implemented yet -->
@@ -34,7 +28,7 @@
             </UCard>
         </div>
         <template #actions>
-            <UButton trailing-icon="i-lucide-merge" :to="`${manga.key}/merge/`" color="secondary">Merge</UButton>
+            <UButton trailing-icon="i-lucide-merge" :to="`${manga?.key}/merge/`" color="secondary">Merge</UButton>
             <UButton variant="soft" color="warning" icon="i-lucide-trash" />
         </template>
     </MangaDetailPage>
@@ -49,6 +43,10 @@ const mangaId = route.params.mangaId as string;
 const { data: manga } = await useApi('/v2/Manga/{MangaId}', {
     path: { MangaId: mangaId },
     key: FetchKeys.Manga.Id(mangaId),
+    onResponseError: (e) => {
+        console.error(e);
+        navigateTo('/');
+    },
 });
 const libraryId = ref(manga.value?.fileLibraryId);
 </script>

website/app/pages/manga/[mangaId]/merge/[targetId].vue

@@ -1,12 +1,6 @@
 <template>
     <UPageBody class="flex flex-col items-center">
-        <UButton
-            icon="i-lucide-arrow-left"
-            class="w-fit self-start m-20"
-            variant="soft"
-            :to="`/manga/${mangaId}/merge/`"
-            >Back</UButton
-        >
+        <UButton icon="i-lucide-arrow-left" class="w-fit self-start m-20" variant="soft" :to="`/manga/${mangaId}/merge/`">Back</UButton>
         <div class="flex flex-row justify-evenly items-center">
             <MangaCard v-if="manga" :manga="manga" :expanded="true" />
             <USkeleton v-else class="max-w-[600px] w-full h-[350px]" />
@@ -24,12 +18,6 @@ const route = useRoute();
 const targetId = route.params.targetId as string;
 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),
-});
+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) });
 </script>

website/app/pages/manga/[mangaId]/merge/index.vue

@@ -16,9 +16,6 @@
 const route = useRoute();
 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: 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 });
 </script>