nuxt-x-blog
PostList
Paginated grid of XBLPostCard items for the blog listing page.
PostList
The XBLPostList component renders a responsive grid of XBLPostCard items. It is the primary layout component for the /blog listing page. Pagination is handled separately by XBLPagination.
Components
<XBLPostList />
Accepts a posts array and renders each entry as an XBLPostCard. Shows a "No posts found" empty state when the array is empty.
<XBLPostList :posts="posts" :columns="3" />
Props
| Prop | Type | Default | Description |
|---|---|---|---|
posts | BlogPost[] | required | Array of post objects to display |
columns | 1 | 2 | 3 | 3 | Grid columns (responsive: always 1 column on mobile) |
showImage | boolean | true | Forwarded to each XBLPostCard to show/hide cover images |
AI Context
component: XBLPostList
package: "@xenterprises/nuxt-x-blog"
use-when: Rendering a grid of blog post cards (pair with XBLPagination for paged listings)