<template>
  <div class="row form-group" :key="$attrs.key">
    <h2
      contenteditable="true"
      @focus="clearErrors"
      @blur="validate"
      @keydown.enter="$emit('keydown', $event)"
      
      :class="[{ error: hasError }]"
      :title="localFormElement.placeholder"
      :id="localFormElement.key"
      :name="localFormElement.key"
      :value="textValue"
      @input="valueChanged"
    ></h2>
  </div>
</template>

<script>
import formBuilderMixin from "@mixins/formBuilderMixin";
export default {
  mixins: [formBuilderMixin],
  methods:{
    valueChanged(val){
      console.info(val);
      this.textValue = val;
    }
  }
};
</script>