feat: image variants per image

web/src/components/MediaCardBadges.vue

@@ -4,7 +4,8 @@ import { t } from '@/i18n'
 import MediaBadge from '@/components/MediaBadge.vue'
 
 defineProps<{
-	item: { duplicate: boolean; used_in: number }
+	item: { duplicate: boolean; used_in: number; variant_count?: number }
+	variants?: boolean
 }>()
 </script>
 
@@ -12,4 +13,9 @@ defineProps<{
 	<MediaBadge v-if="item.duplicate" kind="duplicate" :label="t('Duplicate')" />
 	<MediaBadge v-if="item.used_in > 0" kind="used" :label="t('Used in {0}', [item.used_in])" />
 	<MediaBadge v-else kind="unused" :label="t('Unused')" />
+	<MediaBadge
+		v-if="variants && (item.variant_count ?? 0) > 0"
+		kind="variants"
+		:label="item.variant_count === 1 ? t('1 variant') : t('{0} variants', [item.variant_count])"
+	/>
 </template>