nuxt-x-blog
PostCard
Blog post preview card with image, title, date, tags, and reading time.
PostCard
The XBLPostCard component renders a single blog post preview — cover image, title, description excerpt, date, tags, and reading time. Used inside XBLPostList and wherever individual post teasers are needed.
Components
<XBLPostCard />
Renders a clickable card linking to the full post. Respects the xBlog app config for showAuthor, showReadingTime, and showTags.
<XBLPostCard :post="post" />
Props
| Prop | Type | Default | Description |
|---|---|---|---|
post | BlogPost | required | Post object from useBlog() |
showImage | boolean | true | Show the cover image (falls back to true when unset) |
showTags | boolean | xBlog.showTags | Show tag badges — defaults to the xBlog app config value |
showAuthor | boolean | xBlog.showAuthor | Show the author name — defaults to the xBlog app config value |
showReadingTime | boolean | xBlog.showReadingTime | Show reading time — defaults to the xBlog app config value |
AI Context
component: XBLPostCard
package: "@xenterprises/nuxt-x-blog"
use-when: Displaying a single blog post preview card in a list or grid