♻️ (production flow) use of defineModel

src/components/design-system/form/FormInput.vue

@@ -2,22 +2,15 @@
 defineProps<{
   id: string
   label: string
-  modelValue: string
-}>()
-defineEmits<{
-  (event: "update:modelValue", value: string): void
 }>()
+
+const modelValue = defineModel<string>()
 </script>
 
 <template>
   <div class="form-input">
     <label :for="id">{{ label }}</label>
-    <input
+    <input type="text" id="id" v-model="modelValue" />
-      type="text"
-      id="id"
-      :value="modelValue"
-      @input="$emit('update:modelValue', $event.target?.value ?? '')"
-    />
   </div>
 </template>
 

src/modules/flow/components/AddStep.vue

@@ -8,7 +8,7 @@ const newTeam = ref("")
 
 const addTeam = () => {
   store.addTeam({
-    name: "User Acceptance Testing",
+    name: newTeam.value,
     outputs: ["Go for live"],
     prerequisites: ["new app version is step in staging environment"],
     intention: