fix: inital eslint errors

server/pages/store/[id]/index.vue

@@ -32,7 +32,7 @@
             :alt="game.mName"
           />
           <div class="flex items-center gap-x-2">
-            <AddLibraryButton :gameId="game.id" />
+            <AddLibraryButton :game-id="game.id" />
           </div>
           <NuxtLink
             v-if="user?.admin"
@@ -138,13 +138,13 @@
           <div>
             <div
               v-if="showPreview"
-              v-html="previewHTML"
               class="mt-12 prose prose-invert prose-blue max-w-none"
+              v-html="previewHTML"
             />
             <div
               v-else
-              v-html="descriptionHTML"
               class="mt-12 prose prose-invert prose-blue max-w-none"
+              v-html="descriptionHTML"
             />
 
             <button
@@ -169,11 +169,11 @@
 <script setup lang="ts">
 import { ArrowTopRightOnSquareIcon } from "@heroicons/vue/24/outline";
 import { StarIcon } from "@heroicons/vue/24/solid";
-import { type Game, type GameVersion } from "@prisma/client";
+import type { Game, GameVersion } from "@prisma/client";
 import { micromark } from "micromark";
 import { DateTime } from "luxon";
-import { SerializeObject } from "nitropack";
-import { PlatformClient } from "~/composables/types";
+import type { SerializeObject } from "nitropack";
+import type { PlatformClient } from "~/composables/types";
 
 const route = useRoute();
 const gameId = route.params.id.toString();

server/pages/store/index.vue

@@ -3,11 +3,11 @@
     <!-- Hero section -->
     <VueCarousel
       v-if="recent.length > 0"
-      :wrapAround="true"
+      :wrap-around="true"
       :items-to-show="1"
       :autoplay="15 * 1000"
       :transition="500"
-      :pauseAutoplayOnHover="true"
+      :pause-autoplay-on-hover="true"
       class="store-carousel"
     >
       <VueSlide v-for="game in recent" :key="game.id">
@@ -17,7 +17,7 @@
               :src="useObject(game.mBannerId)"
               alt=""
               class="size-full object-cover object-center"
-            />
+            >
           </div>
           <div
             class="relative flex items-center justify-center w-full h-full bg-zinc-900/75 px-6 py-32 sm:px-12 sm:py-40 lg:px-16"
@@ -43,7 +43,7 @@
                     class="block w-full rounded-md border border-transparent bg-white px-8 py-3 text-base font-medium text-gray-900 hover:bg-gray-100 sm:w-auto duration-200 hover:scale-105"
                     >Check it out</NuxtLink
                   >
-                  <AddLibraryButton :gameId="game.id" />
+                  <AddLibraryButton :game-id="game.id" />
                 </div>
               </div>
             </div>