The fallback event is fired when the contents of the fallback slot are shown. The resolve event is emitted when new content has finished resolving in the default slot. The pending event occurs when entering a pending state. The component emits 3 events: pending, resolve and fallback. A timeout value of 0 will cause the fallback content to be displayed immediately when default content is replaced. This behavior can be configured with the timeout prop: will switch to fallback content if it takes longer than timeout to render the new default content. Instead, will display the previous #default content while waiting for the new content and its async dependencies to be resolved. When a revert happens, fallback content will not be immediately displayed. New async dependencies nested deeper in the tree will not cause the to revert to a pending state. Once in a resolved state, will only revert to a pending state if the root node of the #default slot is replaced. If no async dependencies were encountered during the initial render, will directly go into a resolved state.

When all encountered async dependencies have been resolved, enters a resolved state and the resolved default slot content is displayed. During the pending state, the fallback content will be displayed. If any async dependencies are encountered during the process, it will enter a pending state. On initial render, will render its default slot content in memory.

Vue js sleep