src/pages/Customer/Card/CustomerCard.vue

@@ -13,14 +13,11 @@ const { t } = useI18n();
     <teleport-slot to="#searchbar">
         <VnSearchbar
             data-key="CustomerList"
-            :label="t('Search by customer id or name')"
+            :label="t('Search customer')"
+            :info="t('You can search by customer id or name')"
         />
     </teleport-slot>
-    <q-drawer
+    <q-drawer v-model="stateStore.leftDrawer" show-if-above :width="256">
-        v-model="stateStore.leftDrawer"
-        show-if-above
-        :width="256"
-    >
         <q-scroll-area class="fit">
             <CustomerDescriptor />
             <q-separator />
@@ -36,5 +33,6 @@ const { t } = useI18n();
 
 <i18n>
 es:
-    Search by customer id or name: Buscar por id o nombre del cliente
+    Search customer: Buscar cliente
+    You can search by customer id or name: Puedes buscar por id o nombre del cliente
 </i18n>

src/pages/Customer/CustomerList.vue

@@ -36,7 +36,8 @@ function viewSummary(id) {
     <teleport-slot to="#searchbar">
         <VnSearchbar
             data-key="CustomerList"
-            :label="t('Search by customer id or name')"
+            :label="t('Search customer')"
+            :info="t('You can search by customer id or name')"
         />
     </teleport-slot>
     <teleport-slot to="#rightPanel">
@@ -131,5 +132,6 @@ function viewSummary(id) {
 
 <i18n>
 es:
-    Search by customer id or name: Buscar por id o nombre del cliente
+    Search customer: Buscar cliente
+    You can search by customer id or name: Puedes buscar por id o nombre del cliente
 </i18n>

src/pages/InvoiceOut/Card/InvoiceOutCard.vue

@@ -13,7 +13,8 @@ const { t } = useI18n();
     <teleport-slot to="#searchbar">
         <VnSearchbar
             data-key="InvoiceOutList"
-            :label="t('Search by invoice reference')"
+            :label="t('Search invoice')"
+            :info="t('You can search by invoice reference')"
         />
     </teleport-slot>
     <q-drawer v-model="stateStore.leftDrawer" show-if-above :width="256">
@@ -31,6 +32,7 @@ const { t } = useI18n();
 </template>
 
 <i18n>
-es:
+    es:
-    Search by invoice reference: Buscar referencia de la factura
+        Search invoice: Buscar factura emitida
-</i18n>
+        You can search by invoice reference: Puedes buscar por referencia de la factura
+    </i18n>

src/pages/InvoiceOut/InvoiceOutList.vue

@@ -37,7 +37,8 @@ function viewSummary(id) {
     <teleport-slot to="#searchbar">
         <VnSearchbar
             data-key="InvoiceOutList"
-            :label="t('Search by invoice reference')"
+            :label="t('Search invoice')"
+            :info="t('You can search by invoice reference')"
         />
     </teleport-slot>
     <teleport-slot to="#rightPanel">
@@ -149,5 +150,6 @@ function viewSummary(id) {
 
 <i18n>
 es:
-    Search by invoice reference: Buscar por referencia de la factura
+    Search invoice: Buscar factura emitida
+    You can search by invoice reference: Puedes buscar por referencia de la factura
 </i18n>

src/pages/Ticket/Card/TicketCard.vue

@@ -11,7 +11,11 @@ const { t } = useI18n();
 </script>
 <template>
     <teleport-slot to="#searchbar">
-        <VnSearchbar data-key="TicketList" :label="t('Search by ticket id or alias')" />
+        <VnSearchbar
+            data-key="TicketList"
+            :label="t('Search ticket')"
+            :info="t('You can search by ticket id or alias')"
+        />
     </teleport-slot>
     <q-drawer v-model="stateStore.leftDrawer" show-if-above :width="256">
         <q-scroll-area class="fit">
@@ -58,5 +62,6 @@ const { t } = useI18n();
 
 <i18n>
 es:
-    Search by ticket id or alias: Buscar por id o nombre del ticket
+    Search ticket: Buscar ticket
+    You can search by ticket id or alias: Puedes buscar por id o alias del ticket
 </i18n>

src/pages/Ticket/TicketList.vue

@@ -72,7 +72,11 @@ function viewSummary(id) {
 
 <template>
     <teleport-slot to="#searchbar">
-        <VnSearchbar data-key="TicketList" :label="t('Search by ticket id or alias')" />
+        <VnSearchbar
+            data-key="TicketList"
+            :label="t('Search ticket')"
+            :info="t('You can search by ticket id or alias')"
+        />
     </teleport-slot>
     <teleport-slot to="#rightPanel">
         <TicketFilter data-key="TicketList" />
@@ -190,6 +194,7 @@ function viewSummary(id) {
 
 <i18n>
 es:
-    Search by ticket id or alias: Buscar por id o nombre del ticket
+    Search ticket: Buscar ticket
+    You can search by ticket id or alias: Puedes buscar por id o alias del ticket
     Zone: Zona
 </i18n>