nuxt-x-auth

Login

Full email/password login form with optional OAuth buttons and links to signup, forgot password, magic link, and OTP flows.

The XAuthLogin component renders a complete login form — email/password fields, optional OAuth provider buttons, and links to signup, forgot password, magic link, and OTP pages. All behaviour is driven by app.config.ts feature flags.

Components

`<XAuthLogin />`

Drop this on any page that should act as the login screen. It reads xAuth.features and xAuth.oauthProviders from app.config.ts and shows or hides sections accordingly. On success it navigates to xAuth.redirects.afterLogin.

<XAuthLogin />

Props

Prop	Type	Default	Description
`redirectTo`	`string`	`xAuth.redirects.afterLogin`	Override the post-login redirect path
`loading`	`boolean`	`false`	Show a loading state on the submit button
`error`	`string \| null`	`null`	Display an error message above the form

AI Context

component: XAuthLogin
package: "@xenterprises/nuxt-x-auth"
use-when: Login page for any supported auth provider (Stack, Better Auth, Neon Auth, Local JWT)

Edit this pageorReport an issue

nuxt-x-auth

Provider-agnostic authentication Nuxt layer — unified useXAuth composable, 9 pre-built UI components, global route middleware, and support for Stack Auth, Better Auth, Neon Auth, and Local JWT backends.

Form

Low-level auth form container that provides the shared card, layout, and branding shell used by all auth page components.