nuxt-x-affiliate
Latest Reviews
Grid of the most recent reviews with cover image, title, rating, and category badge.
Latest Reviews
The XAFLatestReviews component renders a grid of the most recent reviews on the site. Designed for the homepage "Latest" section or category landing pages.
Components
<XAFLatestReviews />
<XAFLatestReviews :reviews="latestReviews" :limit="6" :columns="3" />
Props
| Prop | Type | Default | Description |
|---|---|---|---|
reviews | Review[] | required | Source reviews, sorted by publish date (descending) |
limit | number | 6 | Max number of reviews to render |
columns | 2 | 3 | 4 | 3 | Grid columns at full width |
showDate | boolean | true | Show publish date on each card |
showRating | boolean | true | Show star rating on each card |
showCategory | boolean | true | Show category badge |
title | string | 'Latest Reviews' | Section heading |
Review shape
interface Review {
slug: string // url slug for the review page
title: string // review title
image?: string // cover image
rating?: number // 0–5
reviewCount?: number // number of user reviews
category?: string // category label
href?: string // override href (defaults to /reviews/{slug})
publishedAt?: string // ISO date
}
Tips
- Sort the input by
publishedAtdesc before passing — the component doesn't re-sort. - For a "trending" section, sort by view count instead and use
<XAFTrending>(different component, similar shape). - Pair with
<XAFNewsletter>below the grid to capture engaged readers.
AI Context
component: XAFLatestReviews
package: "@xenterprises/nuxt-x-affiliate"
use-when: Homepage or category landing page "Latest reviews" grid