Minimal Behavior

minimal-behavior.vue

<style lang="sass">

</style>

<template>
  <input
    class="input-text"
    @input="update"
    :placeholder="args.placeholder"
    :value="value"
    >
</template>

<script>
  export default {
    props: ['name', 'data', 'schema', 'args'],
    data() {
      return {
        value: this.$props.data
      }
    },
    methods: {
      update(event) {
        this.$store.commit('UPDATE_FORMDATA', { path: this.name, data: event.target.value});
      }
    },
    slot: 'main'
  }
</script>