feat: media picker and image removal

web/src/components/ArticleDetails.vue

@@ -2,6 +2,7 @@
 import { computed } from 'vue'
 import { useToast } from '@nuxt/ui/composables'
 import type { Article } from '@/composables/useArticles'
+import { bodyImageCount } from '@/lib/bodyImageIds'
 
 const props = defineProps<{ article: Article }>()
 
@@ -50,7 +51,7 @@ function formatDetailDate(iso: string, relative = false) {
 const createdLabel = computed(() => formatDetailDate(props.article.created_at))
 const updatedLabel = computed(() => formatDetailDate(props.article.updated_at, true))
 const publicUrl = computed(() => `/v1/article/${props.article.id}`)
-const imagesCount = computed(() => props.article.images.length)
+const imagesCount = computed(() => bodyImageCount(props.article.body))
 const apiNote = computed(() =>
 	props.article.is_online
 		? 'Live. Your website can read this article.'