feat(SPA): media page T0

web/src/components/MediaCardBadges.vue

@@ -0,0 +1,13 @@
+<script setup lang="ts">
+import MediaBadge from '@/components/MediaBadge.vue'
+
+defineProps<{
+	item: { duplicate: boolean; used_in: number }
+}>()
+</script>
+
+<template>
+	<MediaBadge v-if="item.duplicate" kind="duplicate" label="Duplicate" />
+	<MediaBadge v-if="item.used_in > 0" kind="used" :label="`Used in ${item.used_in}`" />
+	<MediaBadge v-else kind="unused" label="Unused" />
+</template>