nuxt-x-affiliate
Newsletter Archive
Past newsletter issues list — date, subject, excerpt, and optional product count.
Newsletter Archive
The XAFNewsletterArchive component renders a list (or grid) of past newsletter issues — useful for a /newsletter or /past-issues page where readers can browse and re-read what they've missed.
Components
<XAFNewsletterArchive />
<XAFNewsletterArchive
title="Past issues"
layout="grid"
:issues="[
{ date: '2026-02-10', subject: 'Top 5 mechanical keyboards under $100', excerpt: 'Our picks for budget mech hunting.', productCount: 5, href: '/newsletter/2026-02-10' },
{ date: '2026-02-03', subject: 'Why we still recommend the MX Keys S', excerpt: 'A year on, it is still our pick.', productCount: 3, href: '/newsletter/2026-02-03' },
]"
/>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
issues | Issue[] | required | Each issue: { date, subject, excerpt?, body?, href?, productCount? }. |
title | string | "Past issues" | Section heading. |
layout | 'list' | 'grid' | 'list' | Vertical stack or 2-column grid. |
The body field is accepted for future expansion (read-more toggle) but not rendered in the default view.
AI Context
component: XAFNewsletterArchive
package: "@xenterprises/nuxt-x-affiliate"
use-when: Past newsletter issues in list or grid layout for a /newsletter archive page.