diff --git a/src/BookCard.svelte b/src/BookCard.svelte
index 863852c..903adee 100644
--- a/src/BookCard.svelte
+++ b/src/BookCard.svelte
@@ -1,6 +1,6 @@
-<script>
-  export let item;
-  import { randomCover } from './utility.js'
+<script lang="ts">
+  export let item: {name: string, creators: string, iid: number, image: string | null, rating: number};
+  import { randomCover } from './utility.js';
   
 </script>
 
diff --git a/src/ItemDetail.svelte b/src/ItemDetail.svelte
index b2e7244..b91031f 100644
--- a/src/ItemDetail.svelte
+++ b/src/ItemDetail.svelte
@@ -110,7 +110,9 @@
 
               <div class="absolute inset-y-0 pl-4 pr-6 py-4 break-inside-avoid">
                 <p class="font-bold text-white text-2xl">{item.name}</p>
+                {#if item.creators}
                 <p class="text-sm text-white mt-3">{item.creators}</p>
+                {/if}
               </div>
     
             </div>
@@ -123,7 +125,9 @@
             <!-- title, sub title, author  -->
             <section>
               <h1 class="text-xl md:text-4xl font-extrabold">{item.name}</h1>
+              {#if item.creators}
               <span class="text-sm mt-5">{item.creators}</span>
+              {/if}
               <div class="mt-5">
                 <sl-rating readonly precision="0.1" value={item.rating}></sl-rating>
               </div>