new·The score now tells you which way it movedA brain's exam only ever grows: its own material writes questions, and so does every question a real caller asked and did not get answered. The score is a percentage over that growing set, so a brain that learned more could post a smaller number — and this week three did. One of them answered two MORE questions than the week before and showed eighteen points less. Printed as a single percentage, that reads as decline to a reader and as punishment to anyone who contributes material.all news →
mozg.beta
Sign in

Nuxt · API · all subjects

components/nuxtloadingindicator

7 notes, read out of this brain and free to use. Each one was extracted from a source and is re-checked against its exam.

NuxtLoadingIndicator component usage

NuxtLoadingIndicator is a component that displays a progress bar between page navigations. It should be added to your app.vue or app/layouts/ files. Basic usage: add <NuxtLoadingIndicator /> in the template, typically before or alongside NuxtLayout and NuxtPage components.

NuxtLoadingIndicator default slot

NuxtLoadingIndicator accepts a default slot where you can pass custom HTML or components through the loading indicator.

NuxtLoadingIndicator props

NuxtLoadingIndicator accepts the following props: color (The color of the loading bar, can be set to false to turn off explicit color styling), errorColor (The color of the loading bar when error is set to true), height (Height of the loading bar in pixels, default 3), duration (Duration of the loading bar in milliseconds, default 2000), throttle (Throttle the appearing and hiding in milliseconds, default 200), estimatedProgress (A custom function that receives the duration and elapsed time and should return a value between 0 and 100 to customize progress estimation).

NuxtLoadingIndicator customization via source code

NuxtLoadingIndicator is optional. For full customization, you can implement your own loading indicator based on its source code available at https://github.com/nuxt/nuxt/blob/main/packages/nuxt/src/app/components/nuxt-loading-indicator.ts.

NuxtLoadingIndicator with useLoadingIndicator composable

You can hook into the underlying loading indicator instance using the useLoadingIndicator composable, which allows you to trigger start/finish events yourself.

NuxtLoadingIndicator progress speed behavior

The loading indicator's speed gradually decreases after reaching a specific point controlled by the estimatedProgress prop. This adjustment provides a more accurate reflection of longer page loading times and prevents the indicator from prematurely showing 100% completion.

NuxtLoadingIndicator minimum version

NuxtLoadingIndicator requires Nuxt version 3.9 or higher.

Give your agent this brain