prettier

website/app/app.vue

@@ -11,7 +11,7 @@
             <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));

website/app/components/AddLibraryModal.vue

@@ -8,7 +8,7 @@
                 <UFormField label="Directory Path" required>
                     <UInput v-model="path" placeholder="Path for the library" class="w-full" :disabled="busy" />
                 </UFormField>
-                <UButton icon="i-lucide-plus" @click="onAddClick" :loading="busy">Add</UButton>
+                <UButton icon="i-lucide-plus" :loading="busy" @click="onAddClick">Add</UButton>
             </div>
         </template>
     </UModal>

website/app/components/FileLibraries.vue

@@ -7,7 +7,7 @@
             :title="l.libraryName"
             :description="l.basePath"
             orientation="horizontal">
-            <UButton color="warning" @click="deleteLibrary(l)" :loading="busy">Delete</UButton>
+            <UButton color="warning" :loading="busy" @click="deleteLibrary(l)">Delete</UButton>
         </UPageCard>
     </UPageList>
 </template>

website/app/components/MangaDetailPage.vue

@@ -10,8 +10,8 @@
                 </p>
                 <USkeleton v-else class="text-xl h-20 w-full" />
                 <div v-if="manga" class="flex flex-row gap-1 flex-wrap">
-                    <UBadge variant="outline" v-for="author in manga.authors" color="neutral">{{ author.name }}</UBadge>
+                    <UBadge v-for="author in manga.authors" variant="outline" color="neutral">{{ author.name }}</UBadge>
-                    <UBadge variant="outline" v-for="tag in manga.tags">{{ tag }}</UBadge>
+                    <UBadge v-for="tag in manga.tags" variant="outline">{{ tag }}</UBadge>
                     <NuxtLink v-for="link in manga.links" :to="link.url">
                         <UBadge variant="outline" color="warning">{{ link.provider }}</UBadge>
                     </NuxtLink>

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

@@ -1,5 +1,5 @@
 <template>
-    <MangaDetailPage :manga="manga" back-path="/search"> </MangaDetailPage>
+    <MangaDetailPage :manga="manga" back-path="/search"/>
 </template>
 
 <script setup lang="ts">

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

@@ -1,5 +1,5 @@
 <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"></USkeleton> 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" />

website/app/pages/search.vue

@@ -9,15 +9,15 @@
                     <div class="flex gap-1 w-full justify-center">
                         <UButton
                             v-for="c in connectors"
-                            @click="connectorClick(c)"
                             :color="connector?.key == c.key ? 'success' : 'neutral'"
-                            :disabled="busy">
+                            :disabled="busy"
+                            @click="connectorClick(c)">
                             <template #leading>
                                 <NuxtImg :src="c.iconUrl" class="h-lh" />
                             </template>
                             {{ c.name }}
                         </UButton>
-                        <UButton color="secondary" :disabled="busy" @click="performSearch" :loading="busy"
+                        <UButton color="secondary" :disabled="busy" :loading="busy" @click="performSearch"
                             >Search</UButton
                         >
                     </div>

website/app/pages/settings.vue

@@ -1,12 +1,12 @@
 <template>
-    <UPageSection title="Settings"> </UPageSection>
+    <UPageSection title="Settings"/>
     <UPageSection title="Libraries" orientation="horizontal">
         <FileLibraries />
-        <UButton icon="i-lucide-plus" @click="() => addLibraryModal.open()" class="w-fit">Add</UButton>
+        <UButton icon="i-lucide-plus" class="w-fit" @click="() => addLibraryModal.open()">Add</UButton>
     </UPageSection>
     <UPageSection title="Maintenance" orientation="horizontal">
         <div class="flex flex-col gap-1 items-end basis-1">
-            <UButton icon="i-lucide-database" :loading="cleanUpDatabaseBusy" @click="cleanUpDatabase" class="w-fit"
+            <UButton icon="i-lucide-database" :loading="cleanUpDatabaseBusy" class="w-fit" @click="cleanUpDatabase"
                 >Clean database</UButton
             >
         </div>
@@ -15,13 +15,13 @@
 
 <script setup lang="ts">
 import { LazyAddLibraryModal } from '#components';
+
+import FileLibraries from '~/components/FileLibraries.vue';
 const overlay = useOverlay();
 const config = useRuntimeConfig();
 
 const addLibraryModal = overlay.create(LazyAddLibraryModal);
 
-import FileLibraries from '~/components/FileLibraries.vue';
-
 const cleanUpDatabaseBusy = ref(false);
 const cleanUpDatabase = () => {
     cleanUpDatabaseBusy.value = true;