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

No props. All configuration comes from the xAuth key in app.config.ts; redirects, loading, and error states are handled internally via useXAuth.

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, 10 pre-built UI components, global route middleware, and support for Stack Auth, Better Auth, Neon Auth, and Local JWT backends.

Form

Low-level schema-driven auth form — renders fields, OAuth provider buttons, and a submit button from declarative props; used internally by all auth page components.