first work on front events

resources/js/components/Form/InputField.vue

@@ -2,7 +2,7 @@
     <div class="relative mb-2">
         <label v-if="label" :for="name" class="pb-2 font-bold text-xl ml-1">{{ label }}</label>
         <input :id="name" :type="type" :placeholder="placeholder" v-model="value" @input="updateField()" :class="'w-full p-2 ' + classes + ' ' + errorClassObject()">
-        <p class="text-red-600 m-0" v-text="errorMessage()">Error Here</p>
+        <p class="text-red no-indent m-0" v-text="errorMessage()">Error Here</p>
     </div>
 </template>
 
@@ -55,8 +55,8 @@ export default {
             }
         },
         errorClassObject: function () {
-            return {
-                'error-field': this.hasError
+            if (this.hasError) {
+                return 'border-red'
             }
         }
     },