From 34ef05e10181244fda28fb6fc197bfdbe79af65e Mon Sep 17 00:00:00 2001
From: Gauthier Roebroeck <gauthier.roebroeck@gmail.com>
Date: Thu, 15 Jan 2026 15:52:10 +0800
Subject: [PATCH] fix stretchPoster

---
 next-ui/src/components/item/card/ItemCard.vue | 12 +++---------
 next-ui/src/types/ItemCard.ts                 |  8 +++++++-
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/next-ui/src/components/item/card/ItemCard.vue b/next-ui/src/components/item/card/ItemCard.vue
index 9a87a0226..9c8f1bd9f 100644
--- a/next-ui/src/components/item/card/ItemCard.vue
+++ b/next-ui/src/components/item/card/ItemCard.vue
@@ -14,8 +14,8 @@
         @click="isPreSelect || selected ? emit('selection', !selected) : {}"
       >
         <v-img
-          :contain="!stretchPoster"
-          :position="stretchPoster ? 'top' : undefined"
+          :cover="stretchPoster"
+          :position="stretchPoster ? 'top ' : undefined"
           :src="posterUrl"
           lazy-src="@/assets/cover.svg"
           aspect-ratio="0.7071"
@@ -146,7 +146,7 @@ function onCardLongPress() {
 }
 
 const {
-  stretchPoster = false,
+  stretchPoster = true,
   width = 150,
   disableSelection = false,
   selected = false,
@@ -161,12 +161,6 @@ const {
      * Poster URL.
      */
     posterUrl?: string
-    /**
-     * Whether to stretch the poster or not. If `false`, the image will have the `contain` property.
-     *
-     * Defaults to `true`.
-     */
-    stretchPoster?: boolean
     /**
      * Card title. Displayed under the poster.
      */
diff --git a/next-ui/src/types/ItemCard.ts b/next-ui/src/types/ItemCard.ts
index c50a9f2bc..6941f1fec 100644
--- a/next-ui/src/types/ItemCard.ts
+++ b/next-ui/src/types/ItemCard.ts
@@ -4,7 +4,7 @@ export type ItemCardProps = {
    *
    * Defaults to `150`.
    */
-  width?: string | number
+  width?: number
   /**
    * Disable card selection.
    */
@@ -17,6 +17,12 @@ export type ItemCardProps = {
    * State where the selection checkbox is shown, for instance when other items in the group have been selected already.
    */
   preSelect?: boolean
+  /**
+   * Whether to stretch the poster or not. If `false`, the image will have the `contain` property.
+   *
+   * Defaults to `true`.
+   */
+  stretchPoster?: boolean
 }
 
 export type ItemCardEmits = {