feat: SEO SPA Sites, Articles and Integration (4/4)

web/src/components/ArticleCardList.vue

@@ -3,10 +3,12 @@ import { t } from '@/i18n'
 
 import { useRouter } from 'vue-router'
 import ArticleStatusBadge from '@/components/ArticleStatusBadge.vue'
+import SeoStatusChip from '@/components/SeoStatusChip.vue'
 import AuthorStack from '@/components/AuthorStack.vue'
 import { authorsSummary } from '@/lib/articleMeta'
 import { formatRelativeDate } from '@/lib/relativeDate'
 import type { Article } from '@/composables/useArticles'
+import { seoChipOf } from '@/lib/articleSeoStatus'
 
 const props = withDefaults(
 	defineProps<{
@@ -137,6 +139,11 @@ function onRowClick(article: Article, event: MouseEvent) {
 							size="sm"
 							:pending="pendingFor(article)"
 						/>
+						<SeoStatusChip
+							v-if="seoChipOf(article)"
+							:chip="seoChipOf(article)!"
+							size="sm"
+						/>
 						<span :title="article.updated_at"
 							>{{ t('Updated') }}
 							{{ formatRelativeDate(article.updated_at, now) }}</span