mirror of
https://github.com/C9Glax/tranga-website.git
synced 2025-10-11 13:19:49 +02:00
prettier
This commit is contained in:
@@ -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>
|
||||
|
@@ -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>
|
||||
|
@@ -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>
|
||||
|
@@ -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'>;
|
||||
|
@@ -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 }>();
|
||||
|
@@ -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 {
|
||||
|
@@ -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>
|
||||
|
@@ -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' },
|
||||
};
|
||||
|
@@ -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>
|
||||
|
@@ -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>
|
||||
|
@@ -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>
|
||||
|
@@ -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>
|
||||
|
@@ -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();
|
||||
};
|
||||
|
@@ -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>
|
||||
|
@@ -6,14 +6,15 @@ export default defineNuxtConfig({
|
||||
vite: { plugins: [tailwindcss()] },
|
||||
css: ['~/assets/css/main.css'],
|
||||
modules: ['@nuxt/content', '@nuxt/eslint', '@nuxt/image', '@nuxt/ui', 'nuxt-api-party'],
|
||||
devServer: { host: '127.0.0.1' },runtimeConfig: {
|
||||
devServer: { host: '127.0.0.1' },
|
||||
runtimeConfig: {
|
||||
apiParty: {
|
||||
endpoints: {
|
||||
api: {
|
||||
url: 'http://127.0.0.1:6531',
|
||||
schema: 'https://raw.githubusercontent.com/C9Glax/tranga/refs/heads/testing/API/openapi/API_v2.json',
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
});
|
Reference in New Issue
Block a user