feat: articles pagination

web/src/components/ArticleCardList.vue

@@ -6,12 +6,16 @@ import ArticleStatusBadge from '@/components/ArticleStatusBadge.vue'
 import { formatRelativeDate } from '@/lib/relativeDate'
 import type { Article } from '@/composables/useArticles'
 
-const props = defineProps<{
-	articles: Article[]
-	loading: boolean
-	busyIds: Set<number>
-	now?: Date
-}>()
+const props = withDefaults(
+	defineProps<{
+		articles: Article[]
+		loading: boolean
+		skeletonRows?: number
+		busyIds: Set<number>
+		now?: Date
+	}>(),
+	{ skeletonRows: 5 },
+)
 
 const emit = defineEmits<{
 	publish: [id: number]
@@ -97,7 +101,7 @@ function onRowClick(article: Article, event: MouseEvent) {
 	>
 		<template v-if="loading">
 			<li
-				v-for="n in 5"
+				v-for="n in skeletonRows"
 				:key="n"
 				class="flex min-h-17 flex-col justify-center gap-2 border-t border-muted py-3 pl-4 pr-1 first:border-t-0"
 			>