nuxt-x-affiliate
Site Footer
Site-wide footer with newsletter signup, secondary nav, legal links, social icons, and copyright.
Site Footer
The XAFSiteFooter component renders the site-wide footer. It pulls the canonical legal link set from xAffiliate.legal.baseUrl so every consuming site in the network points at the central x.enterprises/legal home.
Components
<XAFSiteFooter />
<XAFSiteFooter>
<template #newsletter>
<XAFNewsletter />
</template>
</XAFSiteFooter>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
showNewsletter | boolean | true | Show the newsletter slot above the link columns |
columns | FooterColumn[] | sensible defaults | Custom link columns |
compact | boolean | false | Single-row compact layout |
Slots
| Slot | Description |
|---|---|
newsletter | Custom newsletter form (defaults to <XAFNewsletter>) |
columns | Custom link columns |
legal | Legal links row (defaults to the 5 + 3 conditional disclosures) |
social | Social icons row |
bottom | Bottom row (defaults to copyright + language switcher slot) |
Default legal links
The footer emits these disclosure links by default (pulled from xAffiliate.legal.baseUrl):
- Affiliate Disclosure
- Privacy
- Terms
- Cookie
- Earnings
Plus 3 conditional disclosures (rendered only when xAffiliate.legal.optIn.* is true):
- Health (when
optIn.health) - AI Content (when
optIn.aiContent) - Sponsored Content (when
optIn.sponsoredContent)
Tips
- Don't pass the legal links manually — they're auto-derived from
xAffiliate.legal.baseUrl. This keeps every site pointing at the canonical legal home. - Use the
compactlayout for minimal mobile-only footers. - The footer doesn't auto-emit schema — the WebSite schema emitted at the page level covers the footer implicitly.
AI Context
component: XAFSiteFooter
package: "@xenterprises/nuxt-x-affiliate"
use-when: Site-wide footer with newsletter, link columns, and legal disclosures