61 lines
2.8 KiB
Vue
61 lines
2.8 KiB
Vue
<template>
|
|
<Suspense @resolve="onResolve">
|
|
<div v-if="abortRender" />
|
|
<ErrorComponent
|
|
v-else-if="error"
|
|
:error="error"
|
|
/>
|
|
<IslandRenderer
|
|
v-else-if="islandContext"
|
|
:context="islandContext"
|
|
/>
|
|
<component
|
|
:is="SingleRenderer"
|
|
v-else-if="SingleRenderer"
|
|
/>
|
|
<AppComponent v-else />
|
|
</Suspense>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { defineAsyncComponent, onErrorCaptured, onServerPrefetch, provide } from "vue";
|
|
import { useNuxtApp } from "../nuxt";
|
|
import { isNuxtError, showError, useError } from "../composables/error";
|
|
import { useRoute, useRouter } from "../composables/router";
|
|
import { PageRouteSymbol } from "../components/injections";
|
|
import AppComponent from "#build/app-component.mjs";
|
|
import ErrorComponent from "#build/error-component.mjs";
|
|
import { componentIslands } from "#build/nuxt.config.mjs";
|
|
const IslandRenderer = import.meta.server && componentIslands ? defineAsyncComponent(() => import("./island-renderer").then((r) => r.default || r)) : () => null;
|
|
const nuxtApp = useNuxtApp();
|
|
const onResolve = nuxtApp.deferHydration();
|
|
if (import.meta.client && nuxtApp.isHydrating) {
|
|
const removeErrorHook = nuxtApp.hooks.hookOnce("app:error", onResolve);
|
|
useRouter().beforeEach(removeErrorHook);
|
|
}
|
|
const url = import.meta.server ? nuxtApp.ssrContext.url : window.location.pathname;
|
|
const SingleRenderer = import.meta.test && import.meta.dev && import.meta.server && url.startsWith("/__nuxt_component_test__/") && defineAsyncComponent(() => import("#build/test-component-wrapper.mjs").then((r) => r.default(import.meta.server ? url : window.location.href)));
|
|
provide(PageRouteSymbol, useRoute());
|
|
const results = nuxtApp.hooks.callHookWith((hooks) => hooks.map((hook) => hook()), "vue:setup");
|
|
if (import.meta.dev && results && results.some((i) => i && "then" in i)) {
|
|
console.error("[nuxt] Error in `vue:setup`. Callbacks must be synchronous.");
|
|
}
|
|
const error = useError();
|
|
const abortRender = import.meta.server && error.value && !nuxtApp.ssrContext.error;
|
|
const BOT_RE = /bot\b|chrome-lighthouse|facebookexternalhit|google\b/i;
|
|
onErrorCaptured((err, target, info) => {
|
|
nuxtApp.hooks.callHook("vue:error", err, target, info).catch((hookError) => console.error("[nuxt] Error in `vue:error` hook", hookError));
|
|
if (import.meta.client && BOT_RE.test(navigator.userAgent)) {
|
|
nuxtApp.hooks.callHook("app:error", err);
|
|
console.error(`[nuxt] Not rendering error page for bot with user agent \`${navigator.userAgent}\`:`, err);
|
|
return false;
|
|
}
|
|
if (import.meta.server || isNuxtError(err) && (err.fatal || err.unhandled)) {
|
|
const p = nuxtApp.runWithContext(() => showError(err));
|
|
onServerPrefetch(() => p);
|
|
return false;
|
|
}
|
|
});
|
|
const islandContext = import.meta.server && nuxtApp.ssrContext.islandContext;
|
|
</script>
|