Forces form reset on tag change in OmegaForm Union

.changeset/tangy-results-behave.md

@@ -0,0 +1,5 @@
+---
+"@effect-app/vue-components": patch
+---
+
+Forces form reset on tag change in OmegaForm Union

packages/vue-components/src/components/OmegaForm/OmegaTaggedUnion.vue

@@ -41,6 +41,7 @@ defineProps<{
         :field="inputProps.field as any"
         :state="inputProps.state.value"
         :name="name"
+        :form="form"
       >
         <template
           v-for="(_, slotname) in $slots"

packages/vue-components/src/components/OmegaForm/OmegaTaggedUnionInternal.vue

@@ -18,19 +18,24 @@
 import { type DeepKeys, type DeepValue } from "@tanstack/vue-form"
 import { watch } from "vue"
 import { type OmegaFieldInternalApi } from "./InputProps"
+import { type useOmegaForm } from "./useOmegaForm"
 
 const props = defineProps<{
   state: DeepValue<From, Name>
   field: OmegaFieldInternalApi<From, Name>
   name?: DeepKeys<From>
+  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) {
     props.field.setValue(null as DeepValue<From, Name>)
   }
   if (newTag !== oldTag) {
+    props.form.reset(values.value)
     setTimeout(() => {
       props.field.validate("change")
     }, 0)

packages/vue-components/stories/OmegaForm/FormTaggedUnion.vue

@@ -79,17 +79,17 @@ import { useOmegaForm } from "../../src"
 
 const form = useOmegaForm(
   S.Struct({
-    aString: S.String,
+    aString: S.NonEmptyString255,
     union: S.NullOr(
       S.Union(
         S.Struct({
           a: S.NonEmptyString255,
-          common: S.String,
+          common: S.NonEmptyString255,
           _tag: S.Literal("A")
         }),
         S.Struct({
-          b: S.Number,
-          common: S.String,
+          b: S.NonEmptyString255,
+          common: S.NonEmptyString255,
           _tag: S.Literal("B")
         })
       )