@effect-app/vue-components 2.11.2 → 2.11.3

package/dist/vue-components.es9.js

@@ -1,5 +1,5 @@
-import { defineComponent as l, watch as r, renderSlot as o, createCommentVNode as m, normalizeProps as u, mergeProps as f } from "vue";
-const c = /* @__PURE__ */ l({
+import { defineComponent as s, watch as m, nextTick as i, renderSlot as o, createCommentVNode as r, normalizeProps as f, mergeProps as u } from "vue";
+const g = /* @__PURE__ */ s({
   __name: "OmegaTaggedUnionInternal",
   props: {
     state: {},
@@ -7,21 +7,21 @@ const c = /* @__PURE__ */ l({
     name: {},
     form: {}
   },
-  setup(t) {
-    const a = t;
-    return a.form.useStore(({ values: e }) => e), r(() => a.state, (e, n) => {
-      if (e === null && a.field.setValue(null), e !== n && e) {
-        const s = {
-          ...a.form.unionDefaultValues?.[e] ?? {},
-          _tag: e
+  setup(e) {
+    const a = e;
+    return m(() => a.state, (t, n) => {
+      t === null && a.field.setValue(null), t !== n && t && i(() => {
+        const l = {
+          ...a.form.unionDefaultValues?.[t] ?? {},
+          _tag: t
         };
-        a.form.reset(s), setTimeout(() => {
+        a.form.reset(l), setTimeout(() => {
           a.field.validate("change");
         }, 0);
-      }
-    }, { immediate: !0 }), (e, n) => t.state ? o(e.$slots, `${t.name ? `${t.name}.` : ""}${t.state}`, u(f({ key: 0 }, { field: t.field, state: t.state }))) : m("", !0);
+      });
+    }, { immediate: !0 }), (t, n) => e.state ? o(t.$slots, `${e.name ? `${e.name}.` : ""}${e.state}`, f(u({ key: 0 }, { field: e.field, state: e.state }))) : r("", !0);
   }
 });
 export {
-  c as default
+  g as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@effect-app/vue-components",
-  "version": "2.11.2",
+  "version": "2.11.3",
   "peerDependencies": {
     "@mdi/js": "^7.4.47",
     "effect": "^3.19.3",
@@ -53,8 +53,8 @@
     "highlight.js": "^11.11.1",
     "mitt": "^3.0.1",
     "vue3-highlightjs": "^1.0.5",
-    "effect-app": "3.15.1",
-    "@effect-app/vue": "2.93.6"
+    "@effect-app/vue": "2.93.6",
+    "effect-app": "3.15.1"
   },
   "scripts": {
     "build": "pnpm build:run",

package/src/components/OmegaForm/OmegaTaggedUnionInternal.vue

@@ -12,7 +12,7 @@
   generic="From extends Record<PropertyKey, any>, To extends Record<PropertyKey, any>, Name extends DeepKeys<From>"
 >
 import { type DeepKeys, type DeepValue } from "@tanstack/vue-form"
-import { watch } from "vue"
+import { nextTick, watch } from "vue"
 import { type OmegaFieldInternalApi } from "./InputProps"
 import { type useOmegaForm } from "./useOmegaForm"
 
@@ -23,8 +23,6 @@ const props = defineProps<{
   form: ReturnType<typeof useOmegaForm<From, To>>
 }>()
 
-const values = props.form.useStore(({ values }) => values)
-
 // Watch for _tag changes
 watch(() => props.state, (newTag, oldTag) => {
   if (newTag === null) {
@@ -32,18 +30,20 @@ watch(() => props.state, (newTag, oldTag) => {
   }
 
   if (newTag !== oldTag && newTag) {
-    // Get default values for the new tag to ensure correct types
-    const tagDefaults = (props.form as any).unionDefaultValues?.[newTag as string] ?? {}
-    // Merge: keep _tag from current values, but use tag defaults for other fields
-    const resetValues = {
-      ...tagDefaults,
-      _tag: newTag
-    }
-    props.form.reset(resetValues as any)
-    setTimeout(() => {
-      props.field.validate("change")
-    }, 0)
+    // Use nextTick to avoid cleanup conflicts during reactive updates
+    nextTick(() => {
+      // Get default values for the new tag to ensure correct types
+      const tagDefaults = (props.form as any).unionDefaultValues?.[newTag as string] ?? {}
+      // Merge: keep _tag from current values, but use tag defaults for other fields
+      const resetValues = {
+        ...tagDefaults,
+        _tag: newTag
+      }
+      props.form.reset(resetValues as any)
+      setTimeout(() => {
+        props.field.validate("change")
+      }, 0)
+    })
   }
-  return undefined
 }, { immediate: true })
 </script>