prettier

website/app/app.vue

@@ -6,12 +6,14 @@
                 <NuxtLink to="https://github.com/C9Glax/tranga-website"
                     ><Icon name="i-lucide-github" />Website</NuxtLink
                 >
-                <NuxtLink :to="`${$config.public.apiParty.endpoints.api?.url}swagger`"><Icon name="i-lucide-book-open" />Swagger</NuxtLink>
+                <NuxtLink :to="`${$config.public.apiParty.endpoints.api?.url}swagger`"
+                    ><Icon name="i-lucide-book-open" />Swagger</NuxtLink
+                >
             </template>
             <template #default>
                 <NuxtLink to="/">
                     <div class="h-full flex gap-2 items-center">
-                        <img src="/blahaj.png" class="h-lh cursor-grab" >
+                        <img src="/blahaj.png" class="h-lh cursor-grab" />
                         <p
                             style="
                                 background: linear-gradient(110deg, var(--color-pink), var(--color-blue));
@@ -37,5 +39,4 @@
         </UMain>
     </UApp>
 </template>
-<script setup lang="ts">
-</script>
+<script setup lang="ts"></script>

website/app/components/ChaptersList.vue

@@ -31,11 +31,13 @@
 </template>
 
 <script setup lang="ts">
-
 export interface ChaptersListProps {
     mangaId: string;
 }
 const props = defineProps<ChaptersListProps>();
 
-const { data: chapters } = await useApiData('/v2/Manga/{MangaId}/Chapters', { path: { MangaId: props.mangaId }, key: FetchKeys.Chapters.All });
+const { data: chapters } = await useApiData('/v2/Manga/{MangaId}/Chapters', {
+    path: { MangaId: props.mangaId },
+    key: FetchKeys.Chapters.All,
+});
 </script>

website/app/components/FileLibraries.vue

@@ -13,8 +13,8 @@
 </template>
 
 <script setup lang="ts">
-import type { ApiModel } from '#nuxt-api-party'
-type FileLibrary = ApiModel<"FileLibrary">;
+import type { ApiModel } from '#nuxt-api-party';
+type FileLibrary = ApiModel<'FileLibrary'>;
 const { data: fileLibraries } = await useApiData('/v2/FileLibrary', { key: FetchKeys.FileLibraries });
 
 const busy = ref(false);
@@ -22,6 +22,6 @@ const deleteLibrary = async (l: FileLibrary) => {
     busy.value = true;
     await $api('/v2/FileLibrary/{FileLibraryId}', { path: { FileLibraryId: l.key }, method: 'DELETE' })
         .then(() => refreshNuxtData(FetchKeys.FileLibraries))
-        .finally(() => busy.value = false)
+        .finally(() => (busy.value = false));
 };
 </script>

website/app/components/MangaCard.vue

@@ -33,7 +33,7 @@
 </template>
 
 <script setup lang="ts">
-import type { ApiModel } from '#nuxt-api-party'
+import type { ApiModel } from '#nuxt-api-party';
 import type { PageCardProps } from '#ui/components/PageCard.vue';
 type Manga = ApiModel<'Manga'>;
 type MinimalManga = ApiModel<'MinimalManga'>;

website/app/components/MangaCover.vue

@@ -18,7 +18,7 @@
 </template>
 
 <script setup lang="ts">
-import type { ApiModel } from '#nuxt-api-party'
+import type { ApiModel } from '#nuxt-api-party';
 type MinimalManga = ApiModel<'MinimalManga'>;
 type Manga = ApiModel<'Manga'>;
 defineProps<{ manga: Manga | MinimalManga; blur?: boolean }>();

website/app/components/MangaDetailPage.vue

@@ -40,7 +40,7 @@
 </template>
 
 <script setup lang="ts">
-import type { ApiModel } from '#nuxt-api-party'
+import type { ApiModel } from '#nuxt-api-party';
 type Manga = ApiModel<'Manga'>;
 
 export interface MangaDetailPageProps {

website/app/components/MangaconnectorIcon.vue

@@ -14,12 +14,13 @@
 </template>
 
 <script setup lang="ts">
-import type { ApiModel } from '#nuxt-api-party'
+import type { ApiModel } from '#nuxt-api-party';
 type MangaConnectorId = /* @vue-ignore */ ApiModel<'MangaConnectorId'>;
 
 const props = defineProps<MangaConnectorId>();
 
 const { data: mangaConnector } = await useApiData('/v2/MangaConnector/{MangaConnectorName}', {
-    path: { MangaConnectorName: props.mangaConnectorName }, key: FetchKeys.MangaConnector.Id(props.mangaConnectorName),
+    path: { MangaConnectorName: props.mangaConnectorName },
+    key: FetchKeys.MangaConnector.Id(props.mangaConnectorName),
 });
 </script>

website/app/composables/FetchKeys.ts

@@ -1,14 +1,6 @@
 export const FetchKeys = {
-    FileLibraries: "FileLibraries",
-    Chapters: {
-        All: "Chapters",
-    },
-    Manga: {
-        All: "Manga",
-        Id: (id: string) => `Manga/${id}`,
-    },
-    MangaConnector: {
-        Id: (id: string) => `MangaConnector/${id}`,
-        All: "MangaConnector",
-    }
-}
+    FileLibraries: 'FileLibraries',
+    Chapters: { All: 'Chapters' },
+    Manga: { All: 'Manga', Id: (id: string) => `Manga/${id}` },
+    MangaConnector: { Id: (id: string) => `MangaConnector/${id}`, All: 'MangaConnector' },
+};

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

@@ -1,5 +1,5 @@
 <template>
-    <MangaDetailPage :manga="manga" back-path="/search"/>
+    <MangaDetailPage :manga="manga" back-path="/search" />
 </template>
 
 <script setup lang="ts">
@@ -8,5 +8,8 @@ import MangaDetailPage from '~/components/MangaDetailPage.vue';
 const route = useRoute();
 const mangaId = route.params.MangaId as string;
 
-const { data: manga } = await useApiData('/v2/Manga/{MangaId}', { path: { MangaId: mangaId }, key: FetchKeys.Manga.Id(mangaId) });
+const { data: manga } = await useApiData('/v2/Manga/{MangaId}', {
+    path: { MangaId: mangaId },
+    key: FetchKeys.Manga.Id(mangaId),
+});
 </script>

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

@@ -13,5 +13,8 @@ import MangaDetailPage from '~/components/MangaDetailPage.vue';
 const route = useRoute();
 const mangaId = route.params.MangaId as string;
 
-const { data: manga } = await useApiData('/v2/Manga/{MangaId}', { path: { MangaId: mangaId }, key: FetchKeys.Manga.Id(mangaId) });
+const { data: manga } = await useApiData('/v2/Manga/{MangaId}', {
+    path: { MangaId: mangaId },
+    key: FetchKeys.Manga.Id(mangaId),
+});
 </script>

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

@@ -24,6 +24,12 @@ const route = useRoute();
 const targetId = route.params.targetId as string;
 const mangaId = route.params.mangaId as string;
 
-const { data: target } = await useApiData('/v2/Manga/{MangaId}', { path: { MangaId: targetId }, key: FetchKeys.Manga.Id(targetId) });
-const { data: manga } = await useApiData('/v2/Manga/{MangaId}', { path: { MangaId: mangaId }, key: FetchKeys.Manga.Id(mangaId) });
+const { data: target } = await useApiData('/v2/Manga/{MangaId}', {
+    path: { MangaId: targetId },
+    key: FetchKeys.Manga.Id(targetId),
+});
+const { data: manga } = await useApiData('/v2/Manga/{MangaId}', {
+    path: { MangaId: mangaId },
+    key: FetchKeys.Manga.Id(mangaId),
+});
 </script>

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

@@ -1,5 +1,8 @@
 <template>
-    <UPageHeader class="text-3xl px-4">Merge <span v-if="manga">{{ manga.name }}</span><USkeleton v-else as="span" class="w-60 h-lh"/> into</UPageHeader>
+    <UPageHeader class="text-3xl px-4"
+        >Merge <span v-if="manga">{{ manga.name }}</span
+        ><USkeleton v-else as="span" class="w-60 h-lh" /> into</UPageHeader
+    >
     <UPageBody class="p-4 flex flex-row flex-wrap gap-6 mt-0">
         <NuxtLink v-for="m in mangas" :to="`${m.key}`">
             <MangaCard :manga="m" />
@@ -10,6 +13,9 @@
 <script setup lang="ts">
 const route = useRoute();
 
-const { data: manga } = await useApiData('/v2/Manga/{MangaId}', { path: { MangaId: route.params.mangaId as string }, key: FetchKeys.Manga.Id(mangaId) });
+const { data: manga } = await useApiData('/v2/Manga/{MangaId}', {
+    path: { MangaId: route.params.mangaId as string },
+    key: FetchKeys.Manga.Id(mangaId),
+});
 const { data: mangas } = await useApiData('/v2/Manga', { key: FetchKeys.Manga.All });
 </script>

website/app/pages/search.vue

@@ -46,9 +46,9 @@
 </template>
 
 <script setup lang="ts">
-import {$api, type ApiModel} from '#nuxt-api-party'
+import { $api, type ApiModel } from '#nuxt-api-party';
 import type { StepperItem } from '@nuxt/ui';
-type MangaConnector = ApiModel<"MangaConnector">;
+type MangaConnector = ApiModel<'MangaConnector'>;
 type MinimalManga = ApiModel<'MinimalManga'>;
 
 const { data: connectors } = await useApiData('/v2/MangaConnector', { FetchKeys: FetchKeys.MangaConnector.All });
@@ -95,10 +95,15 @@ const config = useRuntimeConfig();
 
 const search = async (query: string): Promise<MinimalManga[]> => {
     if (isUrl(query)) {
-        return await $api<'/v2/Search/Url', MinimalManga>('/v2/Search/Url', { body: JSON.stringify(query), method: "POST" })
-            .then((x) => [x]);
+        return await $api<'/v2/Search/Url', MinimalManga>('/v2/Search/Url', {
+            body: JSON.stringify(query),
+            method: 'POST',
+        }).then((x) => [x]);
     } else if (connector.value) {
-        return await $api('/v2/Search/{MangaConnectorName}/{Query}', { path: { MangaConnectorName: connector.value.name, query: query }, method: "POST" });
+        return await $api('/v2/Search/{MangaConnectorName}/{Query}', {
+            path: { MangaConnectorName: connector.value.name, query: query },
+            method: 'POST',
+        });
     }
     return Promise.reject();
 };

website/app/pages/settings.vue

@@ -19,7 +19,7 @@
 import { LazyAddLibraryModal } from '#components';
 
 import FileLibraries from '~/components/FileLibraries.vue';
-import {refreshNuxtData} from "#app";
+import { refreshNuxtData } from '#app';
 const overlay = useOverlay();
 const config = useRuntimeConfig();
 
@@ -30,6 +30,6 @@ const cleanUpDatabase = async () => {
     cleanUpDatabaseBusy.value = true;
     await $api('/v2/Maintenance/CleanupNoDownloadManga', { method: 'POST' })
         .then(() => refreshNuxtData(Keys.Manga.All))
-        .finally(() => cleanUpDatabaseBusy.value = false);
+        .finally(() => (cleanUpDatabaseBusy.value = false));
 };
 </script>