X Enterprises
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

PropTypeDefaultDescription
authorAuthorxAffiliate.authorAuthor identity block. Falls back to the app-config author if not provided.
reviewsReview[]requiredReviews authored by this person, sorted by publishedAt desc
columns2 | 33Grid columns at full width
showBiobooleantrueShow 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.author from app config as a fallback, so sites with a single author don't need to pass the prop.
  • For multi-author sites, pass :author per 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
Copyright © 2026