diff --git a/app/components/ui/internal/MediaImageCard.vue b/app/components/ui/internal/MediaImageCard.vue
index 2803354..2d4365a 100644
--- a/app/components/ui/internal/MediaImageCard.vue
+++ b/app/components/ui/internal/MediaImageCard.vue
@@ -27,14 +27,14 @@ interface Props {
description?: string;
tooltipEnabled?: boolean;
- tooltipMetadata?: {
+ tooltipMetadata: {
studio: string;
type: string;
episodes: number;
rating: number;
tags?: string[];
- };
+ },
tooltipCollisionBoundary?: Element;
dynamicColor?: boolean;
diff --git a/app/pages/index.vue b/app/pages/index.vue
index 8b67447..70d8237 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -1,6 +1,6 @@
@@ -214,7 +180,7 @@ const trendingAnime = [
class="grid grid-cols-3 md:grid-cols-4 lg:grid-cols-5 2xl:grid-cols-6 gap-4 gap-y-12 justify-items-center w-full">
+ :tooltipMetadata="anime" :tooltipCollisionBoundary="tooltipCollisionBoundary" />