import { not } from '@ember/object/computed';
import Component from '@ember/component';
import { computed } from '@ember/object';
import layout from '../../templates/components/field-editors/string-editor';

export default Component.extend({
  layout,
  disabled: not('enabled'),

  isContentInvalid: not('content.isValid'),

  hasValidationError: computed('isContentInvalid', function() {
    return this.content.errors.has(this.field);
  }),

  firstValidationError: computed('hasValidationError', function() {
    if (this.hasValidationError) {
      let errorsForField = this.content.errors.errorsFor(this.field);
      return errorsForField.firstObject.message;
    }
  }),
});

@@ -245,16 +245,17 @@
 layout,%0A
+%0A
   disabl
@@ -371,29 +371,82 @@
 valid', 
-function() %7B%0A
+'content.errors', function() %7B%0A    if (this.isContentInvalid) %7B%0A  
     retu
@@ -485,16 +485,22 @@
 field);%0A
+    %7D%0A
   %7D),%0A%0A 

Fix `hasValidationError` QP