first work on front events

resources/js/components/Form/TextAreaField.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="relative mb-2">
-        <label v-if="label" :for="name" class="pb-1">{{ label }}</label>
+        <label v-if="label" :for="name" class="pb-2 font-bold text-xl ml-1">{{ label }}</label>
         <textarea :id="name"
                   type="text"
                   v-model="value"
@@ -9,7 +9,7 @@
                   :class="errorClassObject()"
                   class="w-full h-64 rounded p-2">
         </textarea>
-        <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>
 
@@ -60,8 +60,8 @@ export default {
             }
         },
         errorClassObject: function () {
-            return {
-                'error-field': this.hasError
+            if (this.hasError) {
+                return 'border-red'
             }
         }
     },