Require defense component input before showing Save button

js/components/options_input.js

@@ -17,6 +17,14 @@ export default {
       type: Boolean,
       default: false,
     },
+    optional: Boolean
+  },
+
+  created: function() {
+    emitEvent('field-mount', this, {
+      optional: this.optional,
+      name: this.name,
+    })
   },
 
   data: function() {
@@ -31,13 +39,15 @@ export default {
 
   methods: {
     onInput: function(e) {
+      this.showError = false
+      this.showValid = true
+
       emitEvent('field-change', this, {
         value: e.target.value,
         name: this.name,
         watch: this.watch,
+        valid: this.showValid
       })
-      this.showError = false
-      this.showValid = true
     },
   },
 }

js/mixins/form.js

@@ -15,7 +15,6 @@ export default {
     handleFieldChange: function(event) {
       const { value, name, valid, parent_uid, watch } = event
       if (typeof this.fields[name] !== undefined) {
-        this[name] = value
         this.fields[name] = valid
         if (parent_uid === this._uid || watch) {
           this.changed = true