79 lines
2.7 KiB
JavaScript
79 lines
2.7 KiB
JavaScript
import { createApp, createSSRApp, nextTick } from "vue";
|
|
import "#build/fetch.mjs";
|
|
import "#build/global-polyfills.mjs";
|
|
import { applyPlugins, createNuxtApp } from "./nuxt.js";
|
|
import { createError } from "./composables/error.js";
|
|
import "#build/css";
|
|
import plugins from "#build/plugins";
|
|
import RootComponent from "#build/root-component.mjs";
|
|
import { appId, appSpaLoaderAttrs, multiApp, spaLoadingTemplateOutside, vueAppRootContainer } from "#build/nuxt.config.mjs";
|
|
let entry;
|
|
if (import.meta.server) {
|
|
entry = async function createNuxtAppServer(ssrContext) {
|
|
const vueApp = createApp(RootComponent);
|
|
const nuxt = createNuxtApp({ vueApp, ssrContext });
|
|
try {
|
|
await applyPlugins(nuxt, plugins);
|
|
await nuxt.hooks.callHook("app:created", vueApp);
|
|
} catch (error) {
|
|
await nuxt.hooks.callHook("app:error", error);
|
|
nuxt.payload.error ||= createError(error);
|
|
}
|
|
if (ssrContext?._renderResponse) {
|
|
throw new Error("skipping render");
|
|
}
|
|
return vueApp;
|
|
};
|
|
}
|
|
if (import.meta.client) {
|
|
if (import.meta.dev && import.meta.webpackHot) {
|
|
import.meta.webpackHot.accept();
|
|
}
|
|
let vueAppPromise;
|
|
entry = async function initApp() {
|
|
if (vueAppPromise) {
|
|
return vueAppPromise;
|
|
}
|
|
const isSSR = Boolean(
|
|
(multiApp ? window.__NUXT__?.[appId] : window.__NUXT__)?.serverRendered ?? (multiApp ? document.querySelector(`[data-nuxt-data="${appId}"]`) : document.getElementById("__NUXT_DATA__"))?.dataset.ssr === "true"
|
|
);
|
|
const vueApp = isSSR ? createSSRApp(RootComponent) : createApp(RootComponent);
|
|
const nuxt = createNuxtApp({ vueApp });
|
|
async function handleVueError(error) {
|
|
await nuxt.callHook("app:error", error);
|
|
nuxt.payload.error ||= createError(error);
|
|
}
|
|
vueApp.config.errorHandler = handleVueError;
|
|
nuxt.hook("app:suspense:resolve", () => {
|
|
if (vueApp.config.errorHandler === handleVueError) {
|
|
vueApp.config.errorHandler = void 0;
|
|
}
|
|
});
|
|
if (spaLoadingTemplateOutside && !isSSR && appSpaLoaderAttrs.id) {
|
|
nuxt.hook("app:suspense:resolve", () => {
|
|
document.getElementById(appSpaLoaderAttrs.id)?.remove();
|
|
});
|
|
}
|
|
try {
|
|
await applyPlugins(nuxt, plugins);
|
|
} catch (err) {
|
|
handleVueError(err);
|
|
}
|
|
try {
|
|
await nuxt.hooks.callHook("app:created", vueApp);
|
|
await nuxt.hooks.callHook("app:beforeMount", vueApp);
|
|
vueApp.mount(vueAppRootContainer);
|
|
await nuxt.hooks.callHook("app:mounted", vueApp);
|
|
await nextTick();
|
|
} catch (err) {
|
|
handleVueError(err);
|
|
}
|
|
return vueApp;
|
|
};
|
|
vueAppPromise = entry().catch((error) => {
|
|
console.error("Error while mounting app:", error);
|
|
throw error;
|
|
});
|
|
}
|
|
export default (ssrContext) => entry(ssrContext);
|