clean

website/app/components/MangaCardList.vue

@@ -12,5 +12,5 @@ type Manga = components['schemas']['Manga'];
 type MinimalManga = components['schemas']['MinimalManga'];
 
 const expanded = ref(-1);
-defineProps<{manga?: (MinimalManga | Manga)[]}>()
+defineProps<{ manga?: (MinimalManga | Manga)[] }>();
 </script>

website/app/components/MangaDetailPage.vue

@@ -11,7 +11,9 @@
                 <USkeleton v-else class="text-xl h-20 w-full" />
                 <div v-if="manga" class="flex flex-row gap-1 flex-wrap">
                     <UBadge v-for="author in manga.authors" :key="author.key" variant="outline" color="neutral">{{ author.name }}</UBadge>
-                    <UBadge v-for="tag in manga.tags" :key="tag" variant="outline" color="primary"><NuxtLink :to="`/manga/tag/${tag}`">{{ tag }}</NuxtLink></UBadge>
+                    <UBadge v-for="tag in manga.tags" :key="tag" variant="outline" color="primary"
+                        ><NuxtLink :to="`/manga/tag/${tag}`">{{ tag }}</NuxtLink></UBadge
+                    >
                     <NuxtLink v-for="link in manga.links" :key="link.key" :to="link.url" external no-prefetch>
                         <UBadge variant="outline" color="secondary">{{ link.provider }}</UBadge>
                     </NuxtLink>

website/app/pages/manga/tag/[tag].vue

@@ -1,7 +1,9 @@
 <template>
     <LoadingPage :loading="status === 'pending'" class="p-4 flex flex-row flex-wrap gap-6 mt-0">
         <UButton variant="soft" to="/" icon="i-lucide-arrow-left">Home</UButton>
-        <h1 class="text-2xl">Manga with Tag <span class="text-primary font-semibold">{{ tag }}</span></h1>
+        <h1 class="text-2xl">
+            Manga with Tag <span class="text-primary font-semibold">{{ tag }}</span>
+        </h1>
         <MangaCardList :manga="manga" />
     </LoadingPage>
 </template>