bind data in dynamic fields to parent model

vue/src/components/Modals/TextInput.vue

@@ -4,7 +4,9 @@
             v-bind:label="label"
             class="mb-3">
         <b-form-input
+            v-model="new_value"
             type="string"
+            :placeholder="placeholder"
         ></b-form-input>
         </b-form-group>
     </div>
@@ -15,11 +17,25 @@
 export default {
   name: 'TextInput',
   props: {
+    field: {type: String, default: 'You Forgot To Set Field Name'},
     label: {type: String, default: 'Text Field'},
-    show_delete: {type: Boolean, default: true},
-    show_move: {type: Boolean, default: false},
+    value: {type: String, default: ''},
+    placeholder: {type: String, default: 'You Should Add Placeholder Text'},
     show_merge: {type: Boolean, default: false},
   },
+  data() {
+    return {
+      new_value: undefined,
+    }
+  },
+  mounted() {
+    this.new_value = this.value
+  },
+  watch: {
+    'new_value': function () {
+      this.$root.$emit('change', this.field, this.new_value)
+    },
+  },
   methods: {
       Button: function(e) {
         this.$bvModal.show('modal')