X Enterprises
nuxt-x-affiliate

Byline

Minimal multi-author byline ("By Jane, Tom, and Sam") with optional dates and read-time.

Byline

The XAFByline component renders a compact author byline for one or more authors with optional published / updated dates and read-time. Useful for the article header where a full <XAFAuthorBox> is overkill.

Components

<XAFByline />

<XAFByline
  :authors="[
    { name: 'Jane Reviewer', href: '/author/jane' },
    { name: 'Tom Tester', href: '/author/tom' },
    { name: 'Sam Editor', href: '/author/sam' },
  ]"
  date="2026-01-15"
  updated-at="2026-02-01"
  :reading-minutes="8"
/>

Props

PropTypeDefaultDescription
authorsBylinePerson[]requiredEach person is { name, href?, title? }.
datestringPublished ISO date.
updatedAtstringUpdated ISO date. Shown only if it differs from date.
readingMinutesnumberRead-time in minutes.
prefixstring'By'Label before the author list.

Person shape

interface BylinePerson {
  name: string
  href?: string
  title?: string
}

The author list is humanized: 1 → "Jane", 2 → "Jane and Tom", 3+ → "Jane, Tom, and Sam".


AI Context

component: XAFByline
package: "@xenterprises/nuxt-x-affiliate"
use-when: Minimal multi-author byline with dates + read time for article headers.
Copyright © 2026