@effect-app/vue-components 4.0.0-beta.298 → 4.0.0-beta.299

package/dist/vue-components69.es.js

@@ -1,101 +1,5 @@
-import { useIntl as e } from "./vue-components6.es.js";
-import { generateMetaFromSchema as t, unwrapDeclaration as n } from "./vue-components14.es.js";
-import { defaultsValueFromSchema as r, fillNestedDefaults as i } from "./vue-components15.es.js";
-import { toFormSchema as a } from "./vue-components16.es.js";
-import { usePersistency as o } from "./vue-components18.es.js";
-import { annotateLiteralUnionMessages as s, toLocalizedStandardSchemaV1 as c } from "./vue-components19.es.js";
-import { eHoc as l, makeFieldMap as u } from "./vue-components20.es.js";
-import { fHoc as d } from "./vue-components21.es.js";
-import f from "./vue-components23.es.js";
-import p from "./vue-components25.es.js";
-import m from "./vue-components29.es.js";
-import h from "./vue-components37.es.js";
-import g from "./vue-components41.es.js";
-import _ from "./vue-components45.es.js";
-import { makeSubmitHandlers as v, wrapOnSubmit as y } from "./vue-components68.es.js";
-import { watch as b } from "vue";
-import * as x from "effect-app/Schema";
-import { revalidateLogic as S, useForm as C } from "@tanstack/vue-form";
-import * as w from "effect-app/Context";
-import { makeRunPromise as T } from "@effect-app/vue/runtime";
-//#region src/components/OmegaForm/useOmegaForm.ts
-var E = Symbol("OmegaForm"), D = T(w.empty()), O = (w, T, E) => {
-	if (!w) throw Error("Schema is required");
-	let { trans: O } = e(), k = a(w), A = s(k, O), j = n(k.ast), M = (e) => i(j, e), N = c(A, O), P = {
-		...N,
-		"~standard": {
-			...N["~standard"],
-			validate: (e) => N["~standard"].validate(M(e))
-		}
-	}, F = x.decodeUnknownEffectConcurrently(k), I = (e) => F(M(e)), { meta: L, unionMeta: R } = t(k), z = { form: void 0 }, B = o({
-		meta: L,
-		persistency: E?.persistency,
-		preventWindowExit: E?.preventWindowExit,
-		defaultValuesPriority: E?.defaultValuesPriority,
-		tanstackDefaultValues: T?.defaultValues,
-		schemaDefaultValues: () => r(w),
-		getForm: () => z.form
-	}), V = C({
-		...T,
-		validationLogic: S(),
-		validators: {
-			onDynamic: P,
-			...T?.validators
-		},
-		onSubmit: y(T?.onSubmit, I, D),
-		defaultValues: B.defaultValues.value
-	});
-	z.form = V;
-	let H = () => {
-		let e = V.state.values, t = i(j, e);
-		if (t === e || !t || typeof t != "object") return;
-		let n = e, r = t;
-		for (let e of Object.keys(r)) if (r[e] !== n[e]) {
-			let t = e;
-			V.setFieldValue(t, r[e], {
-				dontUpdateMeta: !0,
-				dontValidate: !0
-			});
-		}
-	}, U = () => {
-		Object.keys(L).forEach((e) => {
-			V.setFieldValue(e, void 0);
-		});
-	};
-	if (E?.preventWindowExit === "prevent-and-reset") {
-		let e = V.useStore((e) => e.isSubmitting), t = V.useStore((e) => e.submissionAttempts), n = V.useStore((e) => e.canSubmit), r = V.useStore((e) => e.values);
-		b([e, t], ([e, t], [i]) => {
-			i && !e && t > 0 && n.value && V.reset(r.value);
-		});
-	}
-	let { handleSubmit: W, handleSubmitEffect: G } = v(V), { fieldMap: K, registerField: q } = u(), J = Object.assign(V, {
-		i18nNamespace: E?.i18nNamespace,
-		ignorePreventCloseEvents: E?.ignorePreventCloseEvents,
-		inputs: E?.inputs,
-		meta: L,
-		unionMeta: R,
-		clear: U,
-		normalizeNullableStructs: H,
-		handleSubmit: W,
-		handleSubmitEffect: G,
-		registerField: q
-	}), Y = {
-		form: J,
-		fieldMap: K
-	};
-	return Object.assign(J, {
-		_paths: void 0,
-		_keys: void 0,
-		_schema: w,
-		errorContext: Y,
-		Form: d(J)(_),
-		Input: d(J)(E?.input ?? h),
-		TaggedUnion: d(J)(g),
-		Field: V.Field,
-		Errors: l(Y)(m),
-		Array: d(J)(f),
-		AutoGen: d(J)(p)
-	});
-};
+import { TraceAPI as e } from "./vue-components68.es.js";
+//#region ../../node_modules/.pnpm/@opentelemetry+api@1.9.1/node_modules/@opentelemetry/api/build/esm/trace-api.js
+var t = e.getInstance();
 //#endregion
-export { E as OmegaFormKey, O as useOmegaForm };
+export { t as trace };

package/dist/vue-components70.es.js

@@ -1,36 +1,43 @@
-import e from "./vue-components37.es.js";
-import { useOmegaForm as t } from "./vue-components69.es.js";
-import { h as n } from "vue";
-//#region src/components/OmegaForm/createUseFormWithCustomInput.ts
-var r = (r) => (i, a, o) => {
-	let s = {
-		name: "WrappedInput",
-		inheritAttrs: !1,
-		setup(t, { attrs: i, slots: a }) {
-			return () => n(e, {
-				...t,
-				...i
-			}, {
-				default: ({ field: e, state: t, ...s }) => {
-					let c = Object.fromEntries(Object.entries(i).filter(([e]) => !Object.prototype.hasOwnProperty.call(s, e) && e !== "form"));
-					return n(o?.inputs?.[s.type] ?? r, {
-						...c,
-						field: e,
-						state: t,
-						inputProps: s
-					}, {
-						...a.label && { label: (e) => a.label(e) },
-						...a.default && { default: (e) => a.default(e) }
-					});
-				},
-				...a.label && { label: (e) => a.label(e) }
-			});
+import { context as e } from "./vue-components67.es.js";
+import { trace as t } from "./vue-components69.es.js";
+import * as n from "effect-app/Option";
+import * as r from "effect-app/Effect";
+import { runtimeFiberAsPromise as i } from "effect-app/utils";
+import * as a from "effect/Data";
+import * as o from "effect/Fiber";
+//#region src/components/OmegaForm/submit.ts
+var s = class extends a.TaggedError("FormErrors") {}, c = (n, r) => n ? e.with(t.setSpan(e.active(), n), r) : r(), l = (e, t, n) => {
+	if (e) return ({ formApi: a, meta: s, value: l }) => c(s?.currentSpan, async () => {
+		let c = e({
+			formApi: a,
+			meta: s,
+			value: await n(t(l))
+		});
+		if (o.isFiber(c)) return await i(c);
+		if (r.isEffect(c)) {
+			let e = await n(c);
+			return o.isFiber(e) ? await i(e) : e;
 		}
-	};
-	return t(i, a, {
-		...o,
-		input: s
+		return c;
 	});
+}, u = (i) => {
+	let a = i.handleSubmit.bind(i), o = async (e) => await a(e), c = (n) => o({
+		currentSpan: t.getSpan(e.active()),
+		...n
+	}), l = (e) => r.currentSpan.pipe(r.option, r.flatMap((t) => r.promise(() => o(n.isSome(t) ? {
+		currentSpan: t.value,
+		...e
+	} : e))));
+	return {
+		handleSubmit: c,
+		handleSubmitEffect: (e) => e?.checkErrors ? l(e?.meta).pipe(r.flatMap(r.fnUntraced(function* () {
+			let e = i.getAllErrors();
+			if (Object.keys(e.fields).length || e.form.errors.length) return yield* r.fail(new s({
+				form: e.form,
+				fields: e.fields
+			}));
+		}))) : l(e?.meta)
+	};
 };
 //#endregion
-export { r as createUseFormWithCustomInput };
+export { s as FormErrors, u as makeSubmitHandlers, l as wrapOnSubmit };

package/dist/vue-components71.es.js

@@ -1,19 +1,101 @@
-import "./vue-components8.es.js";
-import "./vue-components11.es.js";
-import "./vue-components14.es.js";
-import "./vue-components15.es.js";
-import "./vue-components16.es.js";
-import "./vue-components18.es.js";
-import "./vue-components19.es.js";
-import "./vue-components20.es.js";
-import "./vue-components35.es.js";
-import "./vue-components37.es.js";
-import "./vue-components39.es.js";
-import "./vue-components41.es.js";
-import "./vue-components68.es.js";
-import "./vue-components69.es.js";
-import "./vue-components70.es.js";
-//#region src/components/OmegaForm/index.ts
-var e = (e) => e;
+import { useIntl as e } from "./vue-components6.es.js";
+import { generateMetaFromSchema as t, unwrapDeclaration as n } from "./vue-components16.es.js";
+import { defaultsValueFromSchema as r, fillNestedDefaults as i } from "./vue-components17.es.js";
+import { toFormSchema as a } from "./vue-components18.es.js";
+import { usePersistency as o } from "./vue-components20.es.js";
+import { annotateLiteralUnionMessages as s, toLocalizedStandardSchemaV1 as c } from "./vue-components21.es.js";
+import { eHoc as l, makeFieldMap as u } from "./vue-components22.es.js";
+import { fHoc as d } from "./vue-components23.es.js";
+import f from "./vue-components25.es.js";
+import p from "./vue-components27.es.js";
+import m from "./vue-components31.es.js";
+import h from "./vue-components39.es.js";
+import g from "./vue-components43.es.js";
+import _ from "./vue-components47.es.js";
+import { makeSubmitHandlers as v, wrapOnSubmit as y } from "./vue-components70.es.js";
+import { watch as b } from "vue";
+import * as x from "effect-app/Schema";
+import { revalidateLogic as S, useForm as C } from "@tanstack/vue-form";
+import * as w from "effect-app/Context";
+import { makeRunPromise as T } from "@effect-app/vue/runtime";
+//#region src/components/OmegaForm/useOmegaForm.ts
+var E = Symbol("OmegaForm"), D = T(w.empty()), O = (w, T, E) => {
+	if (!w) throw Error("Schema is required");
+	let { trans: O } = e(), k = a(w), A = s(k, O), j = n(k.ast), M = (e) => i(j, e), N = c(A, O), P = {
+		...N,
+		"~standard": {
+			...N["~standard"],
+			validate: (e) => N["~standard"].validate(M(e))
+		}
+	}, F = x.decodeUnknownEffectConcurrently(k), I = (e) => F(M(e)), { meta: L, unionMeta: R } = t(k), z = { form: void 0 }, B = o({
+		meta: L,
+		persistency: E?.persistency,
+		preventWindowExit: E?.preventWindowExit,
+		defaultValuesPriority: E?.defaultValuesPriority,
+		tanstackDefaultValues: T?.defaultValues,
+		schemaDefaultValues: () => r(w),
+		getForm: () => z.form
+	}), V = C({
+		...T,
+		validationLogic: S(),
+		validators: {
+			onDynamic: P,
+			...T?.validators
+		},
+		onSubmit: y(T?.onSubmit, I, D),
+		defaultValues: B.defaultValues.value
+	});
+	z.form = V;
+	let H = () => {
+		let e = V.state.values, t = i(j, e);
+		if (t === e || !t || typeof t != "object") return;
+		let n = e, r = t;
+		for (let e of Object.keys(r)) if (r[e] !== n[e]) {
+			let t = e;
+			V.setFieldValue(t, r[e], {
+				dontUpdateMeta: !0,
+				dontValidate: !0
+			});
+		}
+	}, U = () => {
+		Object.keys(L).forEach((e) => {
+			V.setFieldValue(e, void 0);
+		});
+	};
+	if (E?.preventWindowExit === "prevent-and-reset") {
+		let e = V.useStore((e) => e.isSubmitting), t = V.useStore((e) => e.submissionAttempts), n = V.useStore((e) => e.canSubmit), r = V.useStore((e) => e.values);
+		b([e, t], ([e, t], [i]) => {
+			i && !e && t > 0 && n.value && V.reset(r.value);
+		});
+	}
+	let { handleSubmit: W, handleSubmitEffect: G } = v(V), { fieldMap: K, registerField: q } = u(), J = Object.assign(V, {
+		i18nNamespace: E?.i18nNamespace,
+		ignorePreventCloseEvents: E?.ignorePreventCloseEvents,
+		inputs: E?.inputs,
+		meta: L,
+		unionMeta: R,
+		clear: U,
+		normalizeNullableStructs: H,
+		handleSubmit: W,
+		handleSubmitEffect: G,
+		registerField: q
+	}), Y = {
+		form: J,
+		fieldMap: K
+	};
+	return Object.assign(J, {
+		_paths: void 0,
+		_keys: void 0,
+		_schema: w,
+		errorContext: Y,
+		Form: d(J)(_),
+		Input: d(J)(E?.input ?? h),
+		TaggedUnion: d(J)(g),
+		Field: V.Field,
+		Errors: l(Y)(m),
+		Array: d(J)(f),
+		AutoGen: d(J)(p)
+	});
+};
 //#endregion
-export { e as duplicateSchema };
+export { E as OmegaFormKey, O as useOmegaForm };

package/dist/vue-components72.es.js

@@ -1,48 +1,36 @@
-import { __exportAll as e } from "./vue-components2.es.js";
-import t from "./vue-components4.es.js";
-import { useOnClose as n, usePreventClose as r } from "./vue-components8.es.js";
-import i from "./vue-components10.es.js";
-import { getInputType as a } from "./vue-components11.es.js";
-import { createMeta as o, generateMetaFromSchema as s, isNullableOrUndefined as c, metadataFromAst as l } from "./vue-components14.es.js";
-import { defaultsValueFromSchema as u } from "./vue-components15.es.js";
-import { toFormSchema as d } from "./vue-components16.es.js";
-import { deepMerge as f } from "./vue-components18.es.js";
-import { makeStandardSchemaV1Hooks as p, toLocalizedStandardSchemaV1 as m } from "./vue-components19.es.js";
-import { useErrorLabel as h } from "./vue-components20.es.js";
-import g from "./vue-components35.es.js";
-import _ from "./vue-components37.es.js";
-import v from "./vue-components39.es.js";
-import y from "./vue-components41.es.js";
-import { FormErrors as b } from "./vue-components68.es.js";
-import { OmegaFormKey as x, useOmegaForm as S } from "./vue-components69.es.js";
-import { createUseFormWithCustomInput as C } from "./vue-components70.es.js";
-import { duplicateSchema as w } from "./vue-components71.es.js";
-//#region src/components/index.ts
-var T = /* @__PURE__ */ e({
-	CommandButton: () => t,
-	Dialog: () => i,
-	FormErrors: () => b,
-	OmegaFormKey: () => x,
-	OmegaInput: () => _,
-	OmegaTaggedUnion: () => y,
-	OmegaTaggedUnionInternal: () => v,
-	OmegaVuetifyInput: () => g,
-	createMeta: () => o,
-	createUseFormWithCustomInput: () => C,
-	deepMerge: () => f,
-	defaultsValueFromSchema: () => u,
-	duplicateSchema: () => w,
-	generateMetaFromSchema: () => s,
-	getInputType: () => a,
-	isNullableOrUndefined: () => c,
-	makeStandardSchemaV1Hooks: () => p,
-	metadataFromAst: () => l,
-	toFormSchema: () => d,
-	toLocalizedStandardSchemaV1: () => m,
-	useErrorLabel: () => h,
-	useOmegaForm: () => S,
-	useOnClose: () => n,
-	usePreventClose: () => r
-});
+import e from "./vue-components39.es.js";
+import { useOmegaForm as t } from "./vue-components71.es.js";
+import { h as n } from "vue";
+//#region src/components/OmegaForm/createUseFormWithCustomInput.ts
+var r = (r) => (i, a, o) => {
+	let s = {
+		name: "WrappedInput",
+		inheritAttrs: !1,
+		setup(t, { attrs: i, slots: a }) {
+			return () => n(e, {
+				...t,
+				...i
+			}, {
+				default: ({ field: e, state: t, ...s }) => {
+					let c = Object.fromEntries(Object.entries(i).filter(([e]) => !Object.prototype.hasOwnProperty.call(s, e) && e !== "form"));
+					return n(o?.inputs?.[s.type] ?? r, {
+						...c,
+						field: e,
+						state: t,
+						inputProps: s
+					}, {
+						...a.label && { label: (e) => a.label(e) },
+						...a.default && { default: (e) => a.default(e) }
+					});
+				},
+				...a.label && { label: (e) => a.label(e) }
+			});
+		}
+	};
+	return t(i, a, {
+		...o,
+		input: s
+	});
+};
 //#endregion
-export { T as components_exports };
+export { r as createUseFormWithCustomInput };

package/dist/vue-components73.es.js

@@ -0,0 +1,19 @@
+import "./vue-components8.es.js";
+import "./vue-components13.es.js";
+import "./vue-components16.es.js";
+import "./vue-components17.es.js";
+import "./vue-components18.es.js";
+import "./vue-components20.es.js";
+import "./vue-components21.es.js";
+import "./vue-components22.es.js";
+import "./vue-components37.es.js";
+import "./vue-components39.es.js";
+import "./vue-components41.es.js";
+import "./vue-components43.es.js";
+import "./vue-components70.es.js";
+import "./vue-components71.es.js";
+import "./vue-components72.es.js";
+//#region src/components/OmegaForm/index.ts
+var e = (e) => e;
+//#endregion
+export { e as duplicateSchema };

package/dist/vue-components74.es.js

@@ -0,0 +1,50 @@
+import { __exportAll as e } from "./vue-components2.es.js";
+import t from "./vue-components4.es.js";
+import { useOnClose as n, usePreventClose as r } from "./vue-components8.es.js";
+import i from "./vue-components10.es.js";
+import a from "./vue-components12.es.js";
+import { getInputType as o } from "./vue-components13.es.js";
+import { createMeta as s, generateMetaFromSchema as c, isNullableOrUndefined as l, metadataFromAst as u } from "./vue-components16.es.js";
+import { defaultsValueFromSchema as d } from "./vue-components17.es.js";
+import { toFormSchema as f } from "./vue-components18.es.js";
+import { deepMerge as p } from "./vue-components20.es.js";
+import { makeStandardSchemaV1Hooks as m, toLocalizedStandardSchemaV1 as h } from "./vue-components21.es.js";
+import { useErrorLabel as g } from "./vue-components22.es.js";
+import _ from "./vue-components37.es.js";
+import v from "./vue-components39.es.js";
+import y from "./vue-components41.es.js";
+import b from "./vue-components43.es.js";
+import { FormErrors as x } from "./vue-components70.es.js";
+import { OmegaFormKey as S, useOmegaForm as C } from "./vue-components71.es.js";
+import { createUseFormWithCustomInput as w } from "./vue-components72.es.js";
+import { duplicateSchema as T } from "./vue-components73.es.js";
+//#region src/components/index.ts
+var E = /* @__PURE__ */ e({
+	CommandButton: () => t,
+	Dialog: () => i,
+	FixedNuxtErrorBoundary: () => a,
+	FormErrors: () => x,
+	OmegaFormKey: () => S,
+	OmegaInput: () => v,
+	OmegaTaggedUnion: () => b,
+	OmegaTaggedUnionInternal: () => y,
+	OmegaVuetifyInput: () => _,
+	createMeta: () => s,
+	createUseFormWithCustomInput: () => w,
+	deepMerge: () => p,
+	defaultsValueFromSchema: () => d,
+	duplicateSchema: () => T,
+	generateMetaFromSchema: () => c,
+	getInputType: () => o,
+	isNullableOrUndefined: () => l,
+	makeStandardSchemaV1Hooks: () => m,
+	metadataFromAst: () => u,
+	toFormSchema: () => f,
+	toLocalizedStandardSchemaV1: () => h,
+	useErrorLabel: () => g,
+	useOmegaForm: () => C,
+	useOnClose: () => n,
+	usePreventClose: () => r
+});
+//#endregion
+export { E as components_exports };

package/package.json

@@ -1,6 +1,11 @@
 {
   "name": "@effect-app/vue-components",
-  "version": "4.0.0-beta.298",
+  "version": "4.0.0-beta.299",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/effect-app/libs.git",
+    "directory": "packages/vue-components"
+  },
   "peerDependencies": {
     "@mdi/js": "^7.4.47",
     "effect": "^4.0.0-beta.90",
@@ -10,6 +15,7 @@
     "primeicons": "^7.0.0",
     "primevue": "^4.5.5",
     "vue": "^3.5.35",
+    "vue-router": "^5.1.0",
     "vuetify": "^4.0.8"
   },
   "devDependencies": {
@@ -56,8 +62,8 @@
     "highlight.js": "^11.11.1",
     "mitt": "^3.0.1",
     "vue3-highlightjs": "^1.0.5",
-    "@effect-app/vue": "4.0.0-beta.298",
-    "effect-app": "4.0.0-beta.298"
+    "@effect-app/vue": "4.0.0-beta.299",
+    "effect-app": "4.0.0-beta.299"
   },
   "scripts": {
     "check": "vue-tsc",

package/src/components/FixedNuxtErrorBoundary.vue

@@ -0,0 +1,112 @@
+<script setup lang="ts">
+import { CauseException } from "effect-app/client"
+import * as Cause from "effect/Cause"
+import { onErrorCaptured, shallowRef } from "vue"
+import { useRouter } from "vue-router"
+
+// withDefaults, NOT `props.enabled ?? true`: Vue's boolean casting resolves an
+// ABSENT boolean prop to `false`, so the `??` fallback would never fire and an
+// omitted `enabled` (the frontend case) would silently disable the boundary.
+const props = withDefaults(
+  defineProps<{
+    captureException: (err: Error, hint?: { extra?: Record<string, unknown> }) => void
+    toastError: (message: string) => void
+    debug: boolean
+    /** register the boundary only when true (backend passes import.meta.client; frontend omits → true) */
+    enabled?: boolean
+    /** defer handling until app ready (backend: onNuxtReady while hydrating; frontend: omit → run now) */
+    scheduleAfterReady?: (fn: () => void) => void
+    /** extra side-effect after emit, before error.value is set (backend: nuxtApp vue:error hook) */
+    onHandled?: (err: Error, instance: unknown, info: string) => void
+  }>(),
+  { enabled: true }
+)
+
+defineOptions({ name: "NuxtErrorBoundary", inheritAttrs: false })
+
+const emit = defineEmits<{ error: [error: Error] }>()
+
+defineSlots<{
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  error(props: { error: Error; clearError: () => void }): any
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  default(): any
+}>()
+
+const error = shallowRef<Error | null>(null)
+function clearError() {
+  error.value = null
+}
+
+// lol in production these are different...
+const supportedErrors = ["https://vuejs.org/error-reference/#runtime-0", 0, "0", "setup function"]
+
+function handleError(...args: Parameters<Parameters<typeof onErrorCaptured<Error>>[0]>) {
+  const [err, instance, info] = args
+  const fiberFailure = err instanceof CauseException ? err : null
+  // PRO: log that we hit the error boundary
+  console.warn(
+    "NuxtErrorBoundary caught error in " + info + ": " + (fiberFailure ? "CauseException" : "classic error"),
+    fiberFailure ? Cause.pretty(fiberFailure.originalCause) : err,
+    instance
+  )
+
+  // PRO: we don't handle native event handlers the same way we handle setup errors,
+  // because these errors should only get reported, not take over the page.
+  if (!supportedErrors.includes(info)) {
+    props.captureException(err, { extra: { info, instance } })
+    if (props.debug) {
+      props.toastError("An unexpected error has occurred: " + err.toString())
+    }
+    return
+  }
+
+  // PRO: don't render interruptions..
+  // e.g when we run useSuspenseQuery, and we navigate away before a query is finished, we get a CancelledError
+  // if we however render it here instead of the default slot, we will show the cancellation error of the previous page, instead of rendering the new page
+  //
+  // NOTE the engine-side contract that makes this blanket silence safe: `useSuspenseQuery(New)`
+  // converts an interrupt that settles while the component is STILL MOUNTED (a query-side interrupt,
+  // e.g. a server RPC interrupt Exit — the thing that used to blank the page) into a typed
+  // `SuspenseInterruptedError` (@effect-app/vue makeClient), whose cause is NOT interrupt-only and
+  // therefore falls through to the error slot below. What remains interrupt-only here is genuinely
+  // "navigated away / unmounted" — silencing it is correct and avoids rendering the previous page's
+  // cancellation over the new page.
+  if (fiberFailure && Cause.hasInterruptsOnly(fiberFailure.originalCause)) {
+    return
+  }
+
+  emit("error", err)
+  props.onHandled?.(err, instance, info)
+  error.value = err
+}
+
+if (props.enabled) {
+  onErrorCaptured((err, instance, info) => {
+    if (props.scheduleAfterReady) props.scheduleAfterReady(() => handleError(err, instance, info))
+    else handleError(err, instance, info)
+    return false
+  })
+}
+
+// PRO: fix error not clearing after route change: https://github.com/nuxt/nuxt/issues/15781#issuecomment-2320928163
+const router = useRouter()
+router.afterEach(() => {
+  clearError()
+})
+
+defineExpose({ error, clearError })
+</script>
+
+<template>
+  <slot
+    v-if="error"
+    v-bind="{ error, clearError }"
+    name="error"
+  />
+
+  <slot
+    v-else
+    name="default"
+  />
+</template>

package/src/components/index.ts

@@ -1,3 +1,4 @@
 export { default as CommandButton } from "./CommandButton.vue"
 export { default as Dialog } from "./Dialog.vue"
+export { default as FixedNuxtErrorBoundary } from "./FixedNuxtErrorBoundary.vue"
 export * from "./OmegaForm"

package/dist/vue-components29.es.js

@@ -1,9 +0,0 @@
-(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);if(e.appendChild(document.createTextNode(`.v-enter-from[data-v-5278f8d3],.v-leave-to[data-v-5278f8d3]{opacity:0;grid-template-rows:0fr;max-height:0}.v-enter-active[data-v-5278f8d3],.v-leave-active[data-v-5278f8d3]{transition:all .15s;display:grid}.v-enter-to[data-v-5278f8d3],.v-leave-from[data-v-5278f8d3]{opacity:1;grid-template-rows:1fr;max-height:50vh}.error-alert[data-v-5278f8d3]{transition-behavior:allow-discrete;min-height:0;display:grid;overflow:hidden}.error-alert>[data-v-5278f8d3]{min-height:0}.error-list[data-v-5278f8d3]{list-style-position:inside}.error-list [data-v-5278f8d3]::marker{margin:0;padding:0}.error-alert-content[data-v-5278f8d3]{background-color:var(--error-background,#fff5f5);color:var(--error-color,#c92a2a);padding:1em}.error-link[data-v-5278f8d3]{color:var(--error-color,#c92a2a);cursor:pointer;font-weight:700;position:relative}.error-link[data-v-5278f8d3]:after{content:"";background:rgba(from var(--error-color,#c92a2a) r g b / .5);height:1px;position:absolute;bottom:0;left:0;right:0}.text-h6[data-v-5278f8d3]{font-size:1.25em;font-weight:700}.error-message[data-v-5278f8d3]{font-style:italic}.error-item[data-v-5278f8d3]{margin-bottom:.5em;overflow:hidden}.error-item>div[data-v-5278f8d3]{float:right;width:100%;max-width:calc(100% - 1.5em)}.container[data-v-5278f8d3]{gap:1.5em;display:flex}.container svg[data-v-5278f8d3]{width:3em}.container .single-error[data-v-5278f8d3]{display:inline-block}`)),document.head.appendChild(e),window.customElements){let e=window.customElements.define;window.customElements.define=function(t,n){let r=n.prototype.connectedCallback;return n.prototype.connectedCallback=function(){if(r&&r.call(this),this.shadowRoot){let e=document.createElement(`style`);e.appendChild(document.createTextNode(`.v-enter-from[data-v-5278f8d3],.v-leave-to[data-v-5278f8d3]{opacity:0;grid-template-rows:0fr;max-height:0}.v-enter-active[data-v-5278f8d3],.v-leave-active[data-v-5278f8d3]{transition:all .15s;display:grid}.v-enter-to[data-v-5278f8d3],.v-leave-from[data-v-5278f8d3]{opacity:1;grid-template-rows:1fr;max-height:50vh}.error-alert[data-v-5278f8d3]{transition-behavior:allow-discrete;min-height:0;display:grid;overflow:hidden}.error-alert>[data-v-5278f8d3]{min-height:0}.error-list[data-v-5278f8d3]{list-style-position:inside}.error-list [data-v-5278f8d3]::marker{margin:0;padding:0}.error-alert-content[data-v-5278f8d3]{background-color:var(--error-background,#fff5f5);color:var(--error-color,#c92a2a);padding:1em}.error-link[data-v-5278f8d3]{color:var(--error-color,#c92a2a);cursor:pointer;font-weight:700;position:relative}.error-link[data-v-5278f8d3]:after{content:"";background:rgba(from var(--error-color,#c92a2a) r g b / .5);height:1px;position:absolute;bottom:0;left:0;right:0}.text-h6[data-v-5278f8d3]{font-size:1.25em;font-weight:700}.error-message[data-v-5278f8d3]{font-style:italic}.error-item[data-v-5278f8d3]{margin-bottom:.5em;overflow:hidden}.error-item>div[data-v-5278f8d3]{float:right;width:100%;max-width:calc(100% - 1.5em)}.container[data-v-5278f8d3]{gap:1.5em;display:flex}.container svg[data-v-5278f8d3]{width:3em}.container .single-error[data-v-5278f8d3]{display:inline-block}`)),this.shadowRoot.appendChild(e)}},e.call(window.customElements,t,n)}}}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();
-(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);if(e.appendChild(document.createTextNode(`.v-enter-from[data-v-5278f8d3],.v-leave-to[data-v-5278f8d3]{opacity:0;grid-template-rows:0fr;max-height:0}.v-enter-active[data-v-5278f8d3],.v-leave-active[data-v-5278f8d3]{transition:all .15s;display:grid}.v-enter-to[data-v-5278f8d3],.v-leave-from[data-v-5278f8d3]{opacity:1;grid-template-rows:1fr;max-height:50vh}.error-alert[data-v-5278f8d3]{transition-behavior:allow-discrete;min-height:0;display:grid;overflow:hidden}.error-alert>[data-v-5278f8d3]{min-height:0}.error-list[data-v-5278f8d3]{list-style-position:inside}.error-list [data-v-5278f8d3]::marker{margin:0;padding:0}.error-alert-content[data-v-5278f8d3]{background-color:var(--error-background,#fff5f5);color:var(--error-color,#c92a2a);padding:1em}.error-link[data-v-5278f8d3]{color:var(--error-color,#c92a2a);cursor:pointer;font-weight:700;position:relative}.error-link[data-v-5278f8d3]:after{content:"";background:rgba(from var(--error-color,#c92a2a) r g b / .5);height:1px;position:absolute;bottom:0;left:0;right:0}.text-h6[data-v-5278f8d3]{font-size:1.25em;font-weight:700}.error-message[data-v-5278f8d3]{font-style:italic}.error-item[data-v-5278f8d3]{margin-bottom:.5em;overflow:hidden}.error-item>div[data-v-5278f8d3]{float:right;width:100%;max-width:calc(100% - 1.5em)}.container[data-v-5278f8d3]{gap:1.5em;display:flex}.container svg[data-v-5278f8d3]{width:3em}.container .single-error[data-v-5278f8d3]{display:inline-block}`)),document.head.appendChild(e),window.customElements){let e=window.customElements.define;window.customElements.define=function(t,n){let r=n.prototype.connectedCallback;return n.prototype.connectedCallback=function(){if(r&&r.call(this),this.shadowRoot){let e=document.createElement(`style`);e.appendChild(document.createTextNode(`.v-enter-from[data-v-5278f8d3],.v-leave-to[data-v-5278f8d3]{opacity:0;grid-template-rows:0fr;max-height:0}.v-enter-active[data-v-5278f8d3],.v-leave-active[data-v-5278f8d3]{transition:all .15s;display:grid}.v-enter-to[data-v-5278f8d3],.v-leave-from[data-v-5278f8d3]{opacity:1;grid-template-rows:1fr;max-height:50vh}.error-alert[data-v-5278f8d3]{transition-behavior:allow-discrete;min-height:0;display:grid;overflow:hidden}.error-alert>[data-v-5278f8d3]{min-height:0}.error-list[data-v-5278f8d3]{list-style-position:inside}.error-list [data-v-5278f8d3]::marker{margin:0;padding:0}.error-alert-content[data-v-5278f8d3]{background-color:var(--error-background,#fff5f5);color:var(--error-color,#c92a2a);padding:1em}.error-link[data-v-5278f8d3]{color:var(--error-color,#c92a2a);cursor:pointer;font-weight:700;position:relative}.error-link[data-v-5278f8d3]:after{content:"";background:rgba(from var(--error-color,#c92a2a) r g b / .5);height:1px;position:absolute;bottom:0;left:0;right:0}.text-h6[data-v-5278f8d3]{font-size:1.25em;font-weight:700}.error-message[data-v-5278f8d3]{font-style:italic}.error-item[data-v-5278f8d3]{margin-bottom:.5em;overflow:hidden}.error-item>div[data-v-5278f8d3]{float:right;width:100%;max-width:calc(100% - 1.5em)}.container[data-v-5278f8d3]{gap:1.5em;display:flex}.container svg[data-v-5278f8d3]{width:3em}.container .single-error[data-v-5278f8d3]{display:inline-block}`)),this.shadowRoot.appendChild(e)}},e.call(window.customElements,t,n)}}}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();
-import e from "./vue-components26.es.js";
-
-import t from "./vue-components28.es.js";
-//#region src/components/OmegaForm/OmegaErrorsInternal.vue
-var n = /*#__PURE__*/ t(e, [["__scopeId", "data-v-5278f8d3"]]);
-//#endregion
-export { n as default };