From ebef6fce44b1a07378779e649a13920d29ea7a7a Mon Sep 17 00:00:00 2001
From: Patrick Roza <contact@patrickroza.com>
Date: Mon, 6 Oct 2025 16:34:57 +0200
Subject: [PATCH 1/2] struct schema

---
 .../stories/OmegaForm/SimpleForm.vue            | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/packages/vue-components/stories/OmegaForm/SimpleForm.vue b/packages/vue-components/stories/OmegaForm/SimpleForm.vue
index 751cda1ff..2e784804d 100644
--- a/packages/vue-components/stories/OmegaForm/SimpleForm.vue
+++ b/packages/vue-components/stories/OmegaForm/SimpleForm.vue
@@ -17,6 +17,21 @@
           >
         </template>
       </form.Input>
+      <form.Input
+        label="asd"
+        name="asd"
+      >
+        <template #default="{ field, label }">
+          <label :for="field.name">{{ label }}</label>
+          <input
+            :id="field.name"
+            v-model="field.state.value.a"
+            :name="field.name"
+            style="border: 1px solid red"
+            @change="(e: any) => field.handleChange({ a: e.target.value })"
+          >
+        </template>
+      </form.Input>
       <v-btn type="submit">
         submit
       </v-btn>
@@ -28,7 +43,7 @@
 import { S } from "effect-app"
 import { useOmegaForm } from "../../src/components/OmegaForm"
 
-const schema = S.Struct({ asder2: S.String })
+const schema = S.Struct({ asder2: S.String, asd: S.Struct({ a: S.String }) })
 const form = useOmegaForm(schema, {
   onSubmit: async ({ value }) => {
     console.log(value)

From b141a2b9b383ccacc845ea1b0b09a6f8ff00e1da Mon Sep 17 00:00:00 2001
From: Patrick Roza <contact@patrickroza.com>
Date: Mon, 6 Oct 2025 16:36:40 +0200
Subject: [PATCH 2/2] real id lol

---
 packages/vue-components/stories/OmegaForm/SimpleForm.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/vue-components/stories/OmegaForm/SimpleForm.vue b/packages/vue-components/stories/OmegaForm/SimpleForm.vue
index 2e784804d..80c28d653 100644
--- a/packages/vue-components/stories/OmegaForm/SimpleForm.vue
+++ b/packages/vue-components/stories/OmegaForm/SimpleForm.vue
@@ -6,10 +6,10 @@
         label="asder2"
         name="asder2"
       >
-        <template #default="{ field, label }">
+        <template #default="{ field, label, id }">
           <label :for="field.name">{{ label }}</label>
           <input
-            :id="field.name"
+            :id="id"
             v-model="field.state.value"
             :name="field.name"
             style="border: 1px solid red"
@@ -21,10 +21,10 @@
         label="asd"
         name="asd"
       >
-        <template #default="{ field, label }">
+        <template #default="{ field, label, id }">
           <label :for="field.name">{{ label }}</label>
           <input
-            :id="field.name"
+            :id="id"
             v-model="field.state.value.a"
             :name="field.name"
             style="border: 1px solid red"