AuthorizingForm
Overview
Authentication wrapper that monitors login state and redirects the user after a successful sign-in, rendering a header, subtitle, and delegating to ActionForm for the actual credential form.
Theme entry: AuthorizingForm
Props
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| themeOverride | String|Object|Array | null | A partial theme object merged with the component's default theme; accepts a class string, class array, or theme object. | |
| redirect | string|object | undefined | Vue Router location to push to after a successful login; falls back to { name: "welcome" } or the ?redirect query param. | |
| header | string | "" | Heading text rendered above the form. | |
| subTitle | string | "" | Subtitle text rendered below the heading. | |
| runAction | func | undefined | Action function forwarded to the inner ActionForm. | |
| formProps | object | {} | Props passed to useForm to configure the form context. | |
| permitted | boolean | true | When false, the form is hidden and the invalid-message slot is shown instead. | |
| requireRecentLogin | boolean | false | When true, the post-login redirect only triggers if the user has also recently authenticated (re-auth guard). |
Slots
| Name | Scoped | Description |
|---|---|---|
action-form-inner | yes | |
validation-summary | yes | Override the structured per-field validation alert shown when formContext.state.anyError is set; receives entries, count, and title. |
action-bar | yes | |
confirm-button | yes | |
cancel-button | yes | |
actions-hint | ||
form-confirm-dialog-warnings | yes | |
auth-form-prefix-header | ||
auth-form-inner | yes | |
header | yes | |
content | yes | |
suffix | ||
invalid-message |
Events
| Name | Description |
|---|---|
form-object | Emitted on mount with a readonly ref to the reactive form values object. |
form-context | Emitted on mount with the form context. Use its methods for programmatic form updates. |
Source
client/lib/views/AuthorizingForm.vue