nuxt/dist/app/plugins/chunk-reload.client.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 { defineNuxtPlugin, useRuntimeConfig } from "../nuxt.js";
import { useRouter } from "../composables/router.js";
import { reloadNuxtApp } from "../composables/chunk.js";
import { joinURL } from "ufo";
//#region src/app/plugins/chunk-reload.client.ts
const plugin = /* @__PURE__ */ defineNuxtPlugin({
	name: "nuxt:chunk-reload",
	setup(nuxtApp) {
		const router = useRouter();
		const config = /* @__PURE__ */ useRuntimeConfig();
		const chunkErrors = /* @__PURE__ */ new Set();
		router.beforeEach(() => {
			chunkErrors.clear();
		});
		nuxtApp.hook("app:chunkError", ({ error }) => {
			chunkErrors.add(error);
		});
		function reloadAppAtPath(to) {
			reloadNuxtApp({
				path: joinURL(config.app.baseURL, to.fullPath),
				persistState: true
			});
		}
		nuxtApp.hook("app:manifest:update", () => {
			router.beforeResolve(reloadAppAtPath);
		});
		router.onError((error, to) => {
			if (chunkErrors.has(error)) reloadAppAtPath(to);
		});
	}
});
//#endregion
export { plugin as default };