From 8af0b625a11da5649ed454ba803dbd0879d6ccb0 Mon Sep 17 00:00:00 2001
From: Davide Di Pumpo <davidemak@gmail.com>
Date: Thu, 4 Dec 2025 00:44:12 +0100
Subject: [PATCH] fix: add key to field component for re-mounting on meta type
 changes

---
 .changeset/major-turkeys-tease.md                   |  5 +++++
 .../src/components/OmegaForm/OmegaInput.vue         | 13 +++++++++++++
 2 files changed, 18 insertions(+)
 create mode 100644 .changeset/major-turkeys-tease.md

diff --git a/.changeset/major-turkeys-tease.md b/.changeset/major-turkeys-tease.md
new file mode 100644
index 000000000..d3421071b
--- /dev/null
+++ b/.changeset/major-turkeys-tease.md
@@ -0,0 +1,5 @@
+---
+"@effect-app/vue-components": patch
+---
+
+fix: add key to field component for re-mounting on meta type changes
diff --git a/packages/vue-components/src/components/OmegaForm/OmegaInput.vue b/packages/vue-components/src/components/OmegaForm/OmegaInput.vue
index b4f3ddd8b..a78f0bec6 100644
--- a/packages/vue-components/src/components/OmegaForm/OmegaInput.vue
+++ b/packages/vue-components/src/components/OmegaForm/OmegaInput.vue
@@ -1,6 +1,7 @@
 <template>
   <component
     :is="form.Field"
+    :key="fieldKey"
     :name="name"
     :validators="{
       onChange: schema,
@@ -81,6 +82,18 @@ const meta = computed(() => {
   return props.form.meta[propsName.value]
 })
 
+// Key to force Field re-mount when meta type changes (for TaggedUnion support)
+const fieldKey = computed(() => {
+  const m = meta.value
+  if (!m) return propsName.value
+  // Include type and key constraints in the key so Field re-mounts when validation rules change
+  // Cast to any since not all FieldMeta variants have these properties
+  const fm = m as any
+  return `${propsName.value}-${fm.type}-${fm.minLength ?? ""}-${fm.maxLength ?? ""}-${fm.minimum ?? ""}-${
+    fm.maximum ?? ""
+  }`
+})
+
 // Call useIntl during setup to avoid issues when computed re-evaluates
 const { trans } = useIntl()