changes to prettierrc

website/app/pages/download/[mangaconnectorName]/[mangaId].vue

@@ -21,10 +21,7 @@ const route = useRoute();
 const mangaId = route.params.mangaId as string;
 const mangaConnectorName = route.params.mangaconnectorName 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 libraryId = ref({ libraryId: manga.value?.fileLibraryId });
 const { data: mangaConnector } = await useApi('/v2/MangaConnector/{MangaConnectorName}', {
     path: { MangaConnectorName: mangaConnectorName },

website/app/pages/index.vue

@@ -1,11 +1,6 @@
 <template>
     <UPageBody class="p-4 flex flex-row flex-wrap gap-6 mt-0">
-        <MangaCard
-            v-for="(m, i) in manga"
-            :key="m.key"
-            :manga="m"
-            :expanded="i === expanded"
-            @click="expanded = expanded === i ? -1 : i">
+        <MangaCard v-for="(m, i) in manga" :key="m.key" :manga="m" :expanded="i === expanded" @click="expanded = expanded === i ? -1 : i">
             <template #actions="formanga">
                 <UButton :to="`manga/${formanga.key}`">Details</UButton>
             </template>

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>

website/app/pages/search.vue

@@ -1,17 +1,9 @@
 <template>
     <UPageBody>
-        <UPageSection
-            :ui="{ container: 'gap-4 sm:gap-4 lg:gap-4 py-4 sm:py-4 lg:py-4 gap-4 sm:gap-4 lg:gap-4' }"
-            class="h-fit">
+        <UPageSection :ui="{ container: 'gap-4 sm:gap-4 lg:gap-4 py-4 sm:py-4 lg:py-4 gap-4 sm:gap-4 lg:gap-4' }" class="h-fit">
             <UButton variant="soft" to="/" icon="i-lucide-arrow-left" class="w-min">Back</UButton>
             <div class="flex flex-row w-full h-full justify-between gap-4">
-                <UStepper
-                    v-model="activeStep"
-                    orientation="vertical"
-                    :items="items"
-                    class="h-full"
-                    disabled
-                    color="secondary" />
+                <UStepper v-model="activeStep" orientation="vertical" :items="items" class="h-full" disabled color="secondary" />
                 <UCard class="grow">
                     <div class="flex flex-col justify-between gap-2">
                         <UInput v-model="query" class="w-full" :disabled="busy" />
@@ -27,9 +19,7 @@
                                 </template>
                                 {{ c.name }}
                             </UButton>
-                            <UButton color="primary" :disabled="busy" :loading="busy" @click="performSearch"
-                                >Search</UButton
-                            >
+                            <UButton color="primary" :disabled="busy" :loading="busy" @click="performSearch">Search</UButton>
                         </div>
                     </div>
                 </UCard>
@@ -111,9 +101,7 @@ const search = async (query: string): Promise<MinimalManga[]> => {
     if (isUrl(query)) {
         const { data } = await useApi('/v2/Search/Url', { body: JSON.stringify(query), method: 'POST' });
         if (data.value) {
-            connector.value = connectors.value?.find(
-                (c) => c.name == data.value.mangaConnectorIds[0]?.mangaConnectorName
-            );
+            connector.value = connectors.value?.find((c) => c.name == data.value.mangaConnectorIds[0]?.mangaConnectorName);
             return [data.value];
         } else return Promise.reject();
     } else if (connector.value.name) {

website/app/pages/settings.vue

@@ -15,11 +15,7 @@
                     <h1>Maintenance</h1>
                 </template>
                 <div class="flex flex-col gap-1 items-end basis-1">
-                    <UButton
-                        icon="i-lucide-database"
-                        :loading="cleanUpDatabaseBusy"
-                        class="w-fit"
-                        @click="cleanUpDatabase"
+                    <UButton icon="i-lucide-database" :loading="cleanUpDatabaseBusy" class="w-fit" @click="cleanUpDatabase"
                         >Clean database</UButton
                     >
                 </div>