nuxt/dist/app/composables/preload.js

Nuxt is a free and open-source framework with an intuitive and extendable way to create type-safe, performant and production-grade full-stack web applications and websites with Vue.js.

import { useNuxtApp } from "../nuxt.js";
import { toArray } from "../utils.js";
import { useRouter } from "./router.js";
//#region src/app/composables/preload.ts
/**
* Preload a component or components that have been globally registered.
* @param components Pascal-cased name or names of components to prefetch
* @since 3.0.0
*/
const preloadComponents = async (components) => {
	if (import.meta.server) return;
	const nuxtApp = useNuxtApp();
	components = toArray(components);
	await Promise.all(components.map((name) => {
		const component = nuxtApp.vueApp._context.components[name];
		if (component) return _loadAsyncComponent(component);
	}));
};
/**
* Prefetch a component or components that have been globally registered.
* @param components Pascal-cased name or names of components to prefetch
* @since 3.0.0
*/
const prefetchComponents = (components) => {
	if (import.meta.server) return;
	return preloadComponents(components);
};
function _loadAsyncComponent(component) {
	if (component?.__asyncLoader && !component.__asyncResolved) return component.__asyncLoader();
}
/** @since 3.0.0 */
async function preloadRouteComponents(to, router = useRouter()) {
	if (import.meta.server) return;
	const { path, matched } = router.resolve(to);
	if (!matched.length) return;
	router._routePreloaded ||= /* @__PURE__ */ new Set();
	if (router._routePreloaded.has(path)) return;
	const promises = router._preloadPromises ||= [];
	if (promises.length > 4) return Promise.all(promises).then(() => preloadRouteComponents(to, router));
	router._routePreloaded.add(path);
	for (const route of matched) {
		const component = route.components?.default;
		if (typeof component !== "function") continue;
		const promise = Promise.resolve(component()).catch(() => {}).finally(() => promises.splice(promises.indexOf(promise), 1));
		promises.push(promise);
	}
	await Promise.all(promises);
}
//#endregion
export { _loadAsyncComponent, prefetchComponents, preloadComponents, preloadRouteComponents };