nuxt-x-affiliate

SignupForm

Affiliate application form with configurable fields for name, email, website, company, and promotion strategy.

SignupForm

The XAFSignupForm component renders the affiliate application form on the public landing page. Field visibility is configurable via props or app.config.ts defaults. On submission it emits the form data rather than posting directly — the consuming app handles the API call.

Components

`<XAFSignupForm />`

<XAFSignupForm
  title="Join Our Affiliate Program"
  submit-label="Apply Now"
  :show-website="true"
  :show-company="false"
  :show-message="true"
  @submit="handleAffiliateApply"
/>

Props

Prop	Type	Default	Description
`title`	`string`	`'Join Our Affiliate Program'`	Form heading
`subtitle`	`string`	`'Earn commissions...'`	Form subheading
`submitLabel`	`string`	`'Apply Now'`	Submit button label
`successMessage`	`string`	`'Application submitted...'`	Message shown after successful submit
`showWebsite`	`boolean`	`true`	Show website URL field
`showCompany`	`boolean`	`false`	Show company name field
`showMessage`	`boolean`	`true`	Show promotion strategy textarea

Emits

Event	Description
`submit`	Fired with `AffiliateFormData` when the form is submitted successfully

AI Context

component: XAFSignupForm
package: "@xenterprises/nuxt-x-affiliate"
use-when: Affiliate program landing page application form

Edit this pageorReport an issue

ShareButtons

Social sharing buttons for Twitter, Facebook, LinkedIn, and Email for affiliate referral links.

useAffiliate

SSR-safe state management for affiliate data, stats, referrals, payouts, and commission tiers — with computed helpers and setter methods.