nuxt-x-auth-better

Login

Email/password login form with optional magic link and OAuth buttons for Better Auth.

The XAuthLogin component renders a complete login form — email/password fields, optional OAuth provider buttons, and links to signup and forgot-password pages. Behaviour is controlled by xAuth.features in app.config.ts.

Components

`<XAuthLogin />`

Drop this on the /auth/login page or any page acting as the login screen. 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-better"
use-when: Login page backed by Better Auth

Edit this pageorReport an issue

nuxt-x-auth-better

Nuxt 4 authentication layer powered by Better Auth — 7 XAuth-prefixed components, a useXAuth composable, global auth middleware, 6 pre-built pages, and a fully typed app.config.ts interface built on Nuxt UI v4.

Signup

Registration form with name, email, and password fields for Better Auth.