mirror of
https://github.com/C9Glax/tranga-website.git
synced 2025-10-11 13:19:49 +02:00
27 lines
950 B
Vue
27 lines
950 B
Vue
<template>
|
|
<div class="w-6 h-6 inline-block align-middle m-1">
|
|
<NuxtLink :href="$props.websiteUrl ?? ''">
|
|
<NuxtImg
|
|
v-if="mangaConnector"
|
|
:src="mangaConnector?.iconUrl"
|
|
:class="[
|
|
'w-full rounded-full outline-2 -outline-offset-1',
|
|
props.useForDownload ? 'outline-green-500' : 'outline-red-500',
|
|
]" />
|
|
<p v-else>{{ mangaConnectorName }}</p>
|
|
</NuxtLink>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
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),
|
|
});
|
|
</script>
|