Skip to content

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

NameTypeRequiredDefaultDescription
themeOverrideString|Object|ArraynullA partial theme object merged with the component's default theme; accepts a class string, class array, or theme object.
redirectstring|objectundefinedVue Router location to push to after a successful login; falls back to { name: "welcome" } or the ?redirect query param.
headerstring""Heading text rendered above the form.
subTitlestring""Subtitle text rendered below the heading.
runActionfuncundefinedAction function forwarded to the inner ActionForm.
formPropsobject{}Props passed to useForm to configure the form context.
permittedbooleantrueWhen false, the form is hidden and the invalid-message slot is shown instead.
requireRecentLoginbooleanfalseWhen true, the post-login redirect only triggers if the user has also recently authenticated (re-auth guard).

Slots

NameScopedDescription
action-form-inneryes
validation-summaryyesOverride the structured per-field validation alert shown when formContext.state.anyError is set; receives entries, count, and title.
action-baryes
confirm-buttonyes
cancel-buttonyes
actions-hint
form-confirm-dialog-warningsyes
auth-form-prefix-header
auth-form-inneryes
headeryes
contentyes
suffix
invalid-message

Full slot reference

Events

NameDescription
form-objectEmitted on mount with a readonly ref to the reactive form values object.
form-contextEmitted on mount with the form context. Use its methods for programmatic form updates.

Full event reference

Source

client/lib/views/AuthorizingForm.vue

Documents matching: server v3.0.0a1.post1client v3.0.0-alpha.2