nuxt-x-affiliate
Author Archive
Author landing page with author bio, profile image, social links, and a grid of the author's reviews.
Author Archive
The XAFAuthorArchive component renders an author landing page — bio block, social links, and a grid of the author's reviews. Pairs with <XAFAuthorBox> (which renders inline on review pages).
Components
<XAFAuthorArchive />
<XAFAuthorArchive
:author="{
name: 'Alex Chen',
role: 'Senior Reviewer',
bio: 'Alex has been testing kitchen gear for 12 years...',
image: '/authors/alex.jpg',
social: { twitter: 'alexch', linkedin: 'alexchen' },
}"
:reviews="authorReviews"
/>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
author | Author | xAffiliate.author | Author identity block. Falls back to the app-config author if not provided. |
reviews | Review[] | required | Reviews authored by this person, sorted by publishedAt desc |
columns | 2 | 3 | 3 | Grid columns at full width |
showBio | boolean | true | Show the bio block |
Author shape
interface Author {
name: string
role?: string
bio?: string
image?: string
credentials?: string[]
social?: {
twitter?: string
linkedin?: string
website?: string
email?: string
}
}
Tips
- The component reads
xAffiliate.authorfrom app config as a fallback, so sites with a single author don't need to pass the prop. - For multi-author sites, pass
:authorper page. - Pair with
<XAFNewsletter>at the bottom of the page to capture readers who land here from a search engine.
AI Context
component: XAFAuthorArchive
package: "@xenterprises/nuxt-x-affiliate"
use-when: Author landing page at /authors/[slug] with bio + reviews grid
Trending
Trending-now strip with rank numbers and view counts. Designed for the homepage above-the-fold.
Locale Provider
Multi-language support wrapper. Provides locale state to descendant components, persists choice in a cookie, dispatches a window event on switch, and renders an optional built-in footer switcher.
