perf: examples

src/components/CreateBankEntityForm.vue

@@ -53,12 +53,15 @@ onMounted(async () => {
     >
         <template #form-inputs="{ data, validate }">
             <VnRow class="row q-gutter-md q-mb-md">
-                <VnInput :label="t('name')" v-model="data.name" :required="true" />
+                <VnInput
+                    :label="t('name')"
+                    v-model="data.name"
+                    :rules="validate('bankEntity.name')"
+                />
                 <VnInput
                     ref="bicInputRef"
                     :label="t('swift')"
                     v-model="data.bic"
-                    :required="true"
                     :rules="validate('bankEntity.bic')"
                 />
             </VnRow>
@@ -71,17 +74,11 @@ onMounted(async () => {
                         option-value="id"
                         option-label="name"
                         hide-selected
-                        :required="true"
                         :rules="validate('bankEntity.countryFk')"
                     />
                 </div>
                 <div v-if="showEntityField" class="col">
-                    <VnInput
-                        :label="t('id')"
-                        v-model="data.id"
-                        :required="true"
-                        :rules="validate('city.name')"
-                    />
+                    <VnInput :label="t('id')" v-model="data.id" :required="true" />
                 </div>
             </VnRow>
         </template>

src/pages/Customer/Card/CustomerBillingData.vue

@@ -56,12 +56,7 @@ const getBankEntities = (data, formData) => {
                     option-value="id"
                     v-model="data.payMethod"
                 />
-                <VnInput
-                    :label="t('Due day')"
-                    clearable
-                    v-model="data.dueDay"
-                    :required="true"
-                />
+                <VnInput :label="t('Due day')" clearable v-model="data.dueDay" />
             </VnRow>
 
             <VnRow class="row q-gutter-md q-mb-md">

src/pages/Entry/EntryCreate.vue

@@ -88,6 +88,7 @@ const redirectToEntryBasicData = (_, { id }) => {
                         option-label="nickname"
                         hide-selected
                         :required="true"
+                        :rules="validate('entry.supplierFk')"
                     >
                         <template #option="scope">
                             <QItem v-bind="scope.itemProps">

src/pages/Ticket/TicketCreate.vue

@@ -130,7 +130,7 @@ const redirectToTicketList = (_, { id }) => {
             :form-initial-data="initialFormState"
             @on-data-saved="redirectToTicketList"
         >
-            <template #form="{ data }">
+            <template #form="{ data, validate }">
                 <VnRow class="row q-gutter-md q-mb-md">
                     <div class="col">
                         <VnSelect
@@ -140,6 +140,7 @@ const redirectToTicketList = (_, { id }) => {
                             option-value="id"
                             option-label="name"
                             hide-selected
+                            :required="true"
                             @update:model-value="(client) => onClientSelected(data)"
                         >
                             <template #option="scope">
@@ -190,6 +191,7 @@ const redirectToTicketList = (_, { id }) => {
                             placeholder="dd-mm-aaa"
                             :label="t('ticket.create.landed')"
                             v-model="data.landed"
+                            :rules="validate('ticket.shipped')"
                             @update:model-value="() => fetchAvailableAgencies(data)"
                         />
                     </div>