nuxt-x-affiliate
Contributors
Multi-author credit block (tester + writer + editor + photographer) with avatars, bios, and social links.
Contributors
The XAFContributors component renders the people who contributed to a review — tester, writer, editor, photographer, fact-checker. Two layouts: a tight row for footers (name + role) and a grid for full bio cards with social links.
Components
<XAFContributors />
<XAFContributors
layout="grid"
title="Meet the team"
:contributors="[
{ name: 'Jane Reviewer', role: 'Senior Editor', bio: '8 years testing kitchen gear.', image: '/team/jane.jpg', social: { twitter: 'https://twitter.com/jane' } },
{ name: 'Tom Tester', role: 'Lab Tester', bio: 'Mechanical keyboard nerd.', image: '/team/tom.jpg' },
{ name: 'Sam Editor', role: 'Copy Editor', bio: 'Grammar hawk.', image: '/team/sam.jpg' },
]"
/>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
contributors | Contributor[] | required | Each contributor carries name, role, optional image, bio, and social. |
layout | 'row' | 'grid' | 'row' | row = compact horizontal list. grid = full bio cards with social. |
title | string | "Reviewed by" | Section heading. |
Contributor shape
interface Contributor {
name: string
role: string
image?: string
bio?: string
social?: { twitter?: string; linkedin?: string; website?: string }
}
AI Context
component: XAFContributors
package: "@xenterprises/nuxt-x-affiliate"
use-when: Multi-author credit block (tester + writer + editor + photographer) with avatars, bios, and social links.