Removed clearable from most forms, it's too "busy" and fucks up the look of the form for not much benefit

maybe in future can look at only showing on mobile or something or when the field is active?

ayanova/src/views/cust-customer.vue

@@ -12,10 +12,7 @@
                 v-model="obj.name"
                 :readonly="formState.readOnly"
                 :disabled="formState.readOnly"
-                :clearable="!formState.readOnly"
-                @click:clear="fieldValueChanged('name')"
-                :counter="255"
-                :label="$ay.t('WidgetName')"
+                :label="$ay.t('CustomerName')"
                 :rules="[form().required(this, 'name')]"
                 :error-messages="form().serverErrors(this, 'name')"
                 ref="name"
@@ -52,11 +49,13 @@
             >
               <v-text-field
                 v-model="obj.accountNumber"
-                :readonly="true"
+                :readonly="formState.readOnly"
                 :disabled="formState.readOnly"
                 :label="$ay.t('CustomerAccountNumber')"
                 ref="accountNumber"
                 data-cy="accountNumber"
+                :error-messages="form().serverErrors(this, 'accountNumber')"
+                @input="fieldValueChanged('accountNumber')"
               ></v-text-field>
             </v-col>
 
@@ -75,6 +74,8 @@
                 ref="emailAddress"
                 data-cy="emailAddress"
                 type="email"
+                :error-messages="form().serverErrors(this, 'emailAddress')"
+                @input="fieldValueChanged('emailAddress')"
               ></v-text-field>
             </v-col>
 
@@ -93,6 +94,8 @@
                 ref="phone1"
                 data-cy="phone1"
                 type="tel"
+                :error-messages="form().serverErrors(this, 'phone1')"
+                @input="fieldValueChanged('phone1')"
               ></v-text-field>
             </v-col>
 
@@ -111,6 +114,8 @@
                 ref="phone2"
                 data-cy="phone2"
                 type="tel"
+                :error-messages="form().serverErrors(this, 'phone2')"
+                @input="fieldValueChanged('phone2')"
               ></v-text-field>
             </v-col>
 
@@ -129,6 +134,8 @@
                 ref="phone3"
                 data-cy="phone3"
                 type="tel"
+                :error-messages="form().serverErrors(this, 'phone3')"
+                @input="fieldValueChanged('phone3')"
               ></v-text-field>
             </v-col>
 
@@ -147,6 +154,8 @@
                 ref="phone4"
                 data-cy="phone4"
                 type="tel"
+                :error-messages="form().serverErrors(this, 'phone4')"
+                @input="fieldValueChanged('phone4')"
               ></v-text-field>
             </v-col>
 
@@ -165,6 +174,8 @@
                 ref="phone5"
                 data-cy="phone5"
                 type="tel"
+                :error-messages="form().serverErrors(this, 'phone5')"
+                @input="fieldValueChanged('phone5')"
               ></v-text-field>
             </v-col>
 
@@ -179,7 +190,6 @@
                 data-cy="notes"
                 @input="fieldValueChanged('notes')"
                 auto-grow
-                :clearable="!formState.readOnly"
               ></v-textarea>
             </v-col>