fix: inital eslint errors

server/pages/library/game/[id]/index.vue

@@ -7,7 +7,7 @@
       <img
         :src="useObject(game.mBannerId)"
         class="w-full h-[24rem] object-cover blur-sm scale-105"
-      />
+      >
       <div
         class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent opacity-90"
       />
@@ -50,7 +50,7 @@
             />
           </button>
           <div class="relative z-50">
-            <AddLibraryButton class="font-bold" :gameId="game.id" />
+            <AddLibraryButton class="font-bold" :game-id="game.id" />
           </div>
           <NuxtLink
             :to="`/store/${game.id}`"
@@ -76,7 +76,7 @@
                     <img
                       class="w-fit h-48 lg:h-96 rounded"
                       :src="useObject(image)"
-                    />
+                    >
                   </VueSlide>
                   <VueSlide v-if="game.mImageCarousel.length == 0">
                     <div
@@ -98,9 +98,9 @@
           <div class="space-y-6">
             <div class="bg-zinc-800/50 rounded-xl p-6 backdrop-blur-sm">
               <div
-                v-html="descriptionHTML"
                 class="prose prose-invert prose-blue overflow-y-auto custom-scrollbar max-w-none"
-              ></div>
+                v-html="descriptionHTML"
+              />
             </div>
           </div>
         </div>

server/pages/library/index.vue

@@ -34,8 +34,8 @@
 
         <!-- Delete button (only show for non-default collections) -->
         <button
-          @click="() => (currentlyDeleting = collection)"
           class="group px-3 ml-[2px] bg-zinc-800/50 hover:bg-zinc-800 group focus:bg-zinc-800 focus:outline-none"
+          @click="() => (currentlyDeleting = collection)"
         >
           <TrashIcon
             class="transition-all size-5 text-zinc-400 group-hover:text-red-400 group-hover:rotate-[8deg]"
@@ -46,8 +46,8 @@
       <!-- Create new collection button (also wrap in div) -->
       <div>
         <button
-          @click="collectionCreateOpen = true"
           class="group flex flex-row rounded-lg overflow-hidden transition-all duration-200 text-left w-full hover:scale-105"
+          @click="collectionCreateOpen = true"
         >
           <div
             class="grow p-4 bg-zinc-800/50 hover:bg-zinc-800 border-2 border-dashed border-zinc-700"
@@ -93,10 +93,9 @@ import {
   ArrowTopRightOnSquareIcon,
   ArrowUpRightIcon,
   TrashIcon,
-  ArrowLeftIcon,
+  ArrowLeftIcon, PlusIcon 
 } from "@heroicons/vue/20/solid";
-import { type Collection, type Game, type GameVersion } from "@prisma/client";
-import { PlusIcon } from "@heroicons/vue/20/solid";
+import type { Collection, Game, GameVersion } from "@prisma/client";
 
 const collections = await useCollections();
 const collectionCreateOpen = ref(false);