ViewLoading

Source: client/lib/theme/vueda-tailwind/views/index.js

Centers the loading status within the route container.

Vue component: ViewLoading

Slot	Default classes	Description
root	flex justify-center px-6 py-12	Centers the loading status within the route container.
content	flex max-w-sm flex-col gap-3	Holds the status and any caller-supplied details.
status	flex items-center justify-center gap-3 text-muted-foreground	Aligns the icon and loading message.
crest	size-5 shrink-0	Loading icon size.
slowCrest	size-5 shrink-0 text-warning	Slow-load icon size and color.
bodyRow	flex flex-col gap-1 text-center	Optional context and request details below the status.
bodyRowText	text-sm	Normal loading message.
bodyRowSub	text-xs text-muted-foreground	Optional caller-provided context.
request	break-all font-mono text-xs text-muted-foreground	Optional HTTP verb and path.
heartbeat		Extra classes for the optional request and dependency status strip.
slowTitle	text-sm	Message shown once the slow threshold is reached.
slowBlurb	text-xs text-muted-foreground	Optional explanation of a slow load.
actions	flex flex-wrap justify-center gap-2	Caller-provided actions during a slow load.

root

Centers the loading status within the route container.

Default classes:

flex justify-center px-6 py-12

Source: client/lib/theme/vueda-tailwind/views/ViewLoading.theme.js:12

content

Holds the status and any caller-supplied details.

Default classes:

flex max-w-sm flex-col gap-3

Source: client/lib/theme/vueda-tailwind/views/ViewLoading.theme.js:16

status

Aligns the icon and loading message.

Default classes:

flex items-center justify-center gap-3 text-muted-foreground

Source: client/lib/theme/vueda-tailwind/views/ViewLoading.theme.js:20

crest

Loading icon size.

Default classes:

size-5 shrink-0

Source: client/lib/theme/vueda-tailwind/views/ViewLoading.theme.js:24

slowCrest

Slow-load icon size and color.

Default classes:

size-5 shrink-0 text-warning

Source: client/lib/theme/vueda-tailwind/views/ViewLoading.theme.js:28

bodyRow

Optional context and request details below the status.

Default classes:

flex flex-col gap-1 text-center

Source: client/lib/theme/vueda-tailwind/views/ViewLoading.theme.js:32

bodyRowText

Normal loading message.

Default classes:

text-sm

Source: client/lib/theme/vueda-tailwind/views/ViewLoading.theme.js:36

bodyRowSub

Optional caller-provided context.

Default classes:

text-xs text-muted-foreground

Source: client/lib/theme/vueda-tailwind/views/ViewLoading.theme.js:40

request

Optional HTTP verb and path.

Default classes:

break-all font-mono text-xs text-muted-foreground

Source: client/lib/theme/vueda-tailwind/views/ViewLoading.theme.js:44

heartbeat

Extra classes for the optional request and dependency status strip.

Source: client/lib/theme/vueda-tailwind/views/ViewLoading.theme.js:48

slowTitle

Message shown once the slow threshold is reached.

Default classes:

text-sm

Source: client/lib/theme/vueda-tailwind/views/ViewLoading.theme.js:52

slowBlurb

Optional explanation of a slow load.

Default classes:

text-xs text-muted-foreground

Source: client/lib/theme/vueda-tailwind/views/ViewLoading.theme.js:56

actions

Caller-provided actions during a slow load.

Default classes:

flex flex-wrap justify-center gap-2

Source: client/lib/theme/vueda-tailwind/views/ViewLoading.theme.js:60