moved errorDisplay to render function

Author: matt-sanders

src/components/errorDisplay.js

@@ -0,0 +1,22 @@
+export default {
+  render(h){
+    if ( this.message ) return h('span', {
+      'class': 'help-block form-text text-danger'
+    }, this.message);
+  },
+  props: ['field', 'form'],
+  computed: {
+    message(){
+      let message = false;
+      if ( !( this.field in this.form.$errors ) || !( this.field in this.form ) || this.form[ this.field ].$active || !this.form[this.field].$dirty ) return message;
+      let errors = this.form.$errors[ this.field ];
+      Object.keys( errors ).some( errorKey => {
+        if ( typeof errors[ errorKey ] != 'boolean' ){
+          message = errors[ errorKey ];
+          return true;
+        }
+      });
+      return message;
+    }
+  }
+}

src/components/errorDisplay.vue

@@ -1,4 +1,4 @@
-import errorDisplay from '../components/errorDisplay.vue';
+import errorDisplay from '../components/errorDisplay';
 export default
 {
   props: [

src/fields/baseField.js

@@ -3,7 +3,7 @@ import {expect} from 'chai';
 import sinonChai from 'sinon-chai';
 import sinon from 'sinon';
 import Vue from 'vue';
-import errorDisplay from 'src/components/errorDisplay.vue';
+import errorDisplay from 'src/components/errorDisplay';
 
 let el, vm, data;