Verdict
Verdict
The XAFVerdict component renders the TL;DR / verdict callout block at the top of a review page. This is the pattern that wins Google's "featured snippet" on "best X for Y" queries — a styled callout with the verdict, who it's for, who should skip it, and a one-line bottom line.
Component
<XAFVerdict />
<XAFVerdict
verdict="A fantastic keyboard for typists who want mechanical feel without the noise — but gamers should look elsewhere."
best-for="Writers, programmers, and home-office workers"
skip-if="You're a competitive gamer who needs <1ms latency"
bottom-line="Editor's Pick"
:rating="4.6"
tone="positive"
/>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
verdict | string | required | 1–2 sentence verdict. The block's main message. |
bestFor | string | Who the product is best for ("best for" row). | |
skipIf | string | Who should skip it ("skip if" row). | |
bottomLine | string | One-line tagline (e.g. "Editor's Pick", "Best Value", "Skip"). | |
rating | number | Optional rating to surface (0–5). Renders <XAFStarRating variant="hero" show-scale />. | |
tone | 'positive' | 'negative' | 'neutral' | 'positive' | Color tone. positive (green), negative (red), neutral (amber). |
When to use
Place <XAFVerdict> at the very top of every review, right under the article disclosure and above the product hero. The block is short enough to scan in 3 seconds — exactly how long you have before a reader bounces.
SEO impact
Verdicts are how review sites win featured snippets. Google often pulls the first paragraph after the article title as the snippet. A clear, declarative verdict with "best for" / "skip if" callouts is structured exactly the way Google wants.
For maximum SERP impact, also call useProductSchema() with a strong reviewBody that mirrors your verdict text.
AI Context
component: XAFVerdict
package: "@xenterprises/nuxt-x-affiliate"
use-when: >
At the very top of every review page, above the product hero. Drives
featured-snippet capture on "best X for Y" queries. Pass a 1-2 sentence
verdict, "best for" + "skip if" callouts, a bottom-line tagline
("Editor's Pick", "Best Value", etc.), and an optional rating. Three
tones: positive (green), negative (red), neutral (amber). Pair with
useProductSchema() for maximum SERP impact.
