From 8619abdfb425dd901818a50c7ec8fe5f34d66e7b Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Wed, 28 Aug 2024 14:03:37 +0200
Subject: [PATCH 1/9] feat: change navBar buttons

---
 src/components/NavBar.vue                     |  8 ++++-
 src/components/common/RightMenu.vue           |  2 +-
 src/pages/Customer/Card/CustomerBasicData.vue | 36 ++++++++++++++-----
 src/pages/Zone/Card/ZoneEvents.vue            |  2 +-
 4 files changed, 36 insertions(+), 12 deletions(-)

diff --git a/src/components/NavBar.vue b/src/components/NavBar.vue
index e80a293c6..00faaebc2 100644
--- a/src/components/NavBar.vue
+++ b/src/components/NavBar.vue
@@ -24,7 +24,13 @@ const pinnedModulesRef = ref();
 <template>
     <QHeader color="white" elevated>
         <QToolbar class="q-py-sm q-px-md">
-            <QBtn @click="stateStore.toggleLeftDrawer()" icon="menu" round dense flat>
+            <QBtn
+                @click="stateStore.toggleLeftDrawer()"
+                icon="dock_to_right"
+                round
+                dense
+                flat
+            >
                 <QTooltip bottom anchor="bottom right">
                     {{ t('globals.collapseMenu') }}
                 </QTooltip>
diff --git a/src/components/common/RightMenu.vue b/src/components/common/RightMenu.vue
index 732e5367d..3aa1891f9 100644
--- a/src/components/common/RightMenu.vue
+++ b/src/components/common/RightMenu.vue
@@ -37,7 +37,7 @@ const stateStore = useStateStore();
                 @click="stateStore.toggleRightDrawer()"
                 round
                 dense
-                icon="menu"
+                icon="dock_to_left"
             >
                 <QTooltip bottom anchor="bottom right">
                     {{ t('globals.collapseMenu') }}
diff --git a/src/pages/Customer/Card/CustomerBasicData.vue b/src/pages/Customer/Card/CustomerBasicData.vue
index 87a3b08f7..e4c9ab062 100644
--- a/src/pages/Customer/Card/CustomerBasicData.vue
+++ b/src/pages/Customer/Card/CustomerBasicData.vue
@@ -38,7 +38,7 @@ const title = ref();
                     clearable
                     v-model="data.name"
                 />
-                <QSelect
+                <VnSelect
                     :input-debounce="0"
                     :label="t('customer.basicData.businessType')"
                     :options="businessTypes"
@@ -89,15 +89,18 @@ const title = ref();
             </VnRow>
             <VnRow>
                 <VnSelect
-                    url="Workers/activeWithInheritedRole"
-                    :filter="{ where: { role: 'salesPerson' } }"
-                    option-filter="firstName"
+                    url="Workers/search"
                     v-model="data.salesPersonFk"
                     :label="t('customer.basicData.salesPerson')"
+                    :params="{
+                        departmentCodes: ['VT', 'shopping'],
+                    }"
+                    :fields="['id', 'nickname']"
+                    sort-by="nickname ASC"
                     :rules="validate('client.salesPersonFk')"
                     :use-like="false"
-                    :emit-value="false"
-                    @update:model-value="(val) => (title = val?.nickname)"
+                    emit-value
+                    auto-load
                 >
                     <template #prepend>
                         <VnAvatar
@@ -106,8 +109,19 @@ const title = ref();
                             :title="title"
                         />
                     </template>
+                    <template #option="scope">
+                        <QItem v-bind="scope.itemProps">
+                            <QItemSection>
+                                <QItemLabel>{{ scope.opt?.name }}</QItemLabel>
+                                <QItemLabel caption
+                                    >{{ scope.opt?.nickname }},
+                                    {{ scope.opt?.code }}</QItemLabel
+                                >
+                            </QItemSection>
+                        </QItem>
+                    </template>
                 </VnSelect>
-                <QSelect
+                <VnSelect
                     v-model="data.contactChannelFk"
                     :options="contactChannels"
                     option-value="id"
@@ -120,7 +134,9 @@ const title = ref();
                 />
             </VnRow>
             <VnRow>
-                <QSelect
+                <VnSelect
+                    url="Clients"
+                    :where="{ id: { neq: $route.params.id } }"
                     :input-debounce="0"
                     :label="t('customer.basicData.previousClient')"
                     :options="clients"
@@ -129,7 +145,9 @@ const title = ref();
                     map-options
                     option-label="name"
                     option-value="id"
+                    sort-by="name ASC"
                     v-model="data.transferorFk"
+                    :fields="['id', 'name']"
                 >
                     <template #append>
                         <QIcon name="info" class="cursor-pointer">
@@ -140,7 +158,7 @@ const title = ref();
                             }}</QTooltip>
                         </QIcon>
                     </template>
-                </QSelect>
+                </VnSelect>
             </VnRow>
         </template>
     </FormModel>
diff --git a/src/pages/Zone/Card/ZoneEvents.vue b/src/pages/Zone/Card/ZoneEvents.vue
index e4fe5ff22..45c976cb2 100644
--- a/src/pages/Zone/Card/ZoneEvents.vue
+++ b/src/pages/Zone/Card/ZoneEvents.vue
@@ -52,7 +52,7 @@ onUnmounted(() => (stateStore.rightDrawer = false));
                     @click="stateStore.toggleRightDrawer()"
                     round
                     dense
-                    icon="menu"
+                    icon="dock_to_left"
                 >
                     <QTooltip bottom anchor="bottom right">
                         {{ t('globals.collapseMenu') }}

From 72388af4184dc3b96edcff5899169287e28d4507 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Wed, 28 Aug 2024 14:04:48 +0200
Subject: [PATCH 2/9] feat: keyShortcut directive

---
 src/boot/keyShortcut.js | 32 ++++++++++++++++++++++++++++++++
 src/boot/quasar.js      |  2 ++
 2 files changed, 34 insertions(+)
 create mode 100644 src/boot/keyShortcut.js

diff --git a/src/boot/keyShortcut.js b/src/boot/keyShortcut.js
new file mode 100644
index 000000000..2d84dcc6d
--- /dev/null
+++ b/src/boot/keyShortcut.js
@@ -0,0 +1,32 @@
+export default {
+    mounted: function (el, binding) {
+        const shortcut = binding.value ?? '+';
+
+        const { key, ctrl, alt, callback } =
+            typeof shortcut === 'string'
+                ? {
+                      key: shortcut,
+                      ctrl: true,
+                      alt: true,
+                      callback: () =>
+                          document.querySelector('button[shortcut="+"]')?.click(),
+                  }
+                : binding.value;
+
+        const handleKeydown = (event) => {
+            if (event.key === key && (!ctrl || event.ctrlKey) && (!alt || event.altKey)) {
+                callback();
+            }
+        };
+
+        // Attach the event listener to the window
+        window.addEventListener('keydown', handleKeydown);
+
+        el._handleKeydown = handleKeydown;
+    },
+    unmounted: function (el) {
+        if (el._handleKeydown) {
+            window.removeEventListener('keydown', el._handleKeydown);
+        }
+    },
+};
diff --git a/src/boot/quasar.js b/src/boot/quasar.js
index a8d9b7ad9..00dd2cd5e 100644
--- a/src/boot/quasar.js
+++ b/src/boot/quasar.js
@@ -1,6 +1,8 @@
 import { boot } from 'quasar/wrappers';
 import qFormMixin from './qformMixin';
+import keyShortcut from './keyShortcut';
 
 export default boot(({ app }) => {
     app.mixin(qFormMixin);
+    app.directive('shortcut', keyShortcut);
 });

From 57c9035751936f7016494169726494e75ad349f3 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Wed, 28 Aug 2024 14:06:14 +0200
Subject: [PATCH 3/9] feat: add plus shortcut in VnTable

---
 src/components/VnTable/VnTable.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/VnTable/VnTable.vue b/src/components/VnTable/VnTable.vue
index 6c77d44df..efa8df61c 100644
--- a/src/components/VnTable/VnTable.vue
+++ b/src/components/VnTable/VnTable.vue
@@ -281,6 +281,7 @@ defineExpose({
 </script>
 <template>
     <QDrawer
+        v-shortcut
         v-if="$props.rightSearch"
         v-model="stateStore.rightDrawer"
         side="right"
@@ -623,7 +624,7 @@ defineExpose({
         </CrudModel>
     </div>
     <QPageSticky v-if="create" :offset="[20, 20]" style="z-index: 2">
-        <QBtn @click="showForm = !showForm" color="primary" fab icon="add" />
+        <QBtn @click="showForm = !showForm" color="primary" fab icon="add" shortcut="+" />
         <QTooltip>
             {{ createForm.title }}
         </QTooltip>

From 391c908d1b358e5cec3eea5ac0ff26f97fb727f0 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Wed, 28 Aug 2024 20:31:19 +0200
Subject: [PATCH 4/9] perf: restore CustomerBasicData

---
 src/pages/Customer/Card/CustomerBasicData.vue | 36 +++++--------------
 1 file changed, 9 insertions(+), 27 deletions(-)

diff --git a/src/pages/Customer/Card/CustomerBasicData.vue b/src/pages/Customer/Card/CustomerBasicData.vue
index e4c9ab062..87a3b08f7 100644
--- a/src/pages/Customer/Card/CustomerBasicData.vue
+++ b/src/pages/Customer/Card/CustomerBasicData.vue
@@ -38,7 +38,7 @@ const title = ref();
                     clearable
                     v-model="data.name"
                 />
-                <VnSelect
+                <QSelect
                     :input-debounce="0"
                     :label="t('customer.basicData.businessType')"
                     :options="businessTypes"
@@ -89,18 +89,15 @@ const title = ref();
             </VnRow>
             <VnRow>
                 <VnSelect
-                    url="Workers/search"
+                    url="Workers/activeWithInheritedRole"
+                    :filter="{ where: { role: 'salesPerson' } }"
+                    option-filter="firstName"
                     v-model="data.salesPersonFk"
                     :label="t('customer.basicData.salesPerson')"
-                    :params="{
-                        departmentCodes: ['VT', 'shopping'],
-                    }"
-                    :fields="['id', 'nickname']"
-                    sort-by="nickname ASC"
                     :rules="validate('client.salesPersonFk')"
                     :use-like="false"
-                    emit-value
-                    auto-load
+                    :emit-value="false"
+                    @update:model-value="(val) => (title = val?.nickname)"
                 >
                     <template #prepend>
                         <VnAvatar
@@ -109,19 +106,8 @@ const title = ref();
                             :title="title"
                         />
                     </template>
-                    <template #option="scope">
-                        <QItem v-bind="scope.itemProps">
-                            <QItemSection>
-                                <QItemLabel>{{ scope.opt?.name }}</QItemLabel>
-                                <QItemLabel caption
-                                    >{{ scope.opt?.nickname }},
-                                    {{ scope.opt?.code }}</QItemLabel
-                                >
-                            </QItemSection>
-                        </QItem>
-                    </template>
                 </VnSelect>
-                <VnSelect
+                <QSelect
                     v-model="data.contactChannelFk"
                     :options="contactChannels"
                     option-value="id"
@@ -134,9 +120,7 @@ const title = ref();
                 />
             </VnRow>
             <VnRow>
-                <VnSelect
-                    url="Clients"
-                    :where="{ id: { neq: $route.params.id } }"
+                <QSelect
                     :input-debounce="0"
                     :label="t('customer.basicData.previousClient')"
                     :options="clients"
@@ -145,9 +129,7 @@ const title = ref();
                     map-options
                     option-label="name"
                     option-value="id"
-                    sort-by="name ASC"
                     v-model="data.transferorFk"
-                    :fields="['id', 'name']"
                 >
                     <template #append>
                         <QIcon name="info" class="cursor-pointer">
@@ -158,7 +140,7 @@ const title = ref();
                             }}</QTooltip>
                         </QIcon>
                     </template>
-                </VnSelect>
+                </QSelect>
             </VnRow>
         </template>
     </FormModel>

From 4880da8febbd9c9772ba70fb6ecbd4d3f0349858 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Thu, 29 Aug 2024 10:20:05 +0200
Subject: [PATCH 5/9] perf: add v-shortcut in VnCard

---
 src/components/common/VnCard.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/common/VnCard.vue b/src/components/common/VnCard.vue
index a7fe651ad..921b41a4c 100644
--- a/src/components/common/VnCard.vue
+++ b/src/components/common/VnCard.vue
@@ -50,6 +50,7 @@ if (props.baseUrl) {
 </script>
 <template>
     <QDrawer
+        v-shortcut
         v-model="stateStore.leftDrawer"
         show-if-above
         :width="256"

From 592ca3e43ce8104c37354e39485fdace20e931cd Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Thu, 29 Aug 2024 10:20:27 +0200
Subject: [PATCH 6/9] Add shortcut value in AccountMailAliases, for example

---
 src/pages/Account/Card/AccountMailAlias.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/pages/Account/Card/AccountMailAlias.vue b/src/pages/Account/Card/AccountMailAlias.vue
index 594353219..15d03c665 100644
--- a/src/pages/Account/Card/AccountMailAlias.vue
+++ b/src/pages/Account/Card/AccountMailAlias.vue
@@ -169,7 +169,13 @@ onMounted(async () => await getAccountData(false));
             <AccountMailAliasCreateForm @on-submit-create-alias="createMailAlias" />
         </QDialog>
         <QPageSticky position="bottom-right" :offset="[18, 18]">
-            <QBtn fab icon="add" color="primary" @click="openCreateMailAliasForm()">
+            <QBtn
+                fab
+                icon="add"
+                color="primary"
+                @click="openCreateMailAliasForm()"
+                shortcut="+"
+            >
                 <QTooltip>{{ t('warehouses.add') }}</QTooltip>
             </QBtn>
         </QPageSticky>

From 9063f5e5a8462e2ab06103e68739df2f481c9d12 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Mon, 2 Sep 2024 15:26:06 +0200
Subject: [PATCH 7/9] perf: change directive location

---
 src/components/common/VnCard.vue        | 1 -
 src/components/common/VnSectionMain.vue | 2 +-
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/components/common/VnCard.vue b/src/components/common/VnCard.vue
index 921b41a4c..a7fe651ad 100644
--- a/src/components/common/VnCard.vue
+++ b/src/components/common/VnCard.vue
@@ -50,7 +50,6 @@ if (props.baseUrl) {
 </script>
 <template>
     <QDrawer
-        v-shortcut
         v-model="stateStore.leftDrawer"
         show-if-above
         :width="256"
diff --git a/src/components/common/VnSectionMain.vue b/src/components/common/VnSectionMain.vue
index 0c1641ce1..2372fb2b0 100644
--- a/src/components/common/VnSectionMain.vue
+++ b/src/components/common/VnSectionMain.vue
@@ -14,7 +14,7 @@ onMounted(() => (stateStore.leftDrawer = $props.leftDrawer));
 </script>
 
 <template>
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
+    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256" v-shortcut>
         <QScrollArea class="fit text-grey-8">
             <LeftMenu />
         </QScrollArea>

From 70806769ce476b23725ae0cb0f827008a0698457 Mon Sep 17 00:00:00 2001
From: Jon <jon@verdnatura.es>
Date: Thu, 5 Sep 2024 08:25:28 +0200
Subject: [PATCH 8/9] feat: refs #7911 added shortcut to modules

---
 src/pages/Account/Card/AccountMailAlias.vue         |  2 +-
 src/pages/Customer/Card/CustomerAddress.vue         | 10 ++++++++--
 src/pages/Customer/Card/CustomerCreditContracts.vue |  3 ++-
 src/pages/Item/ItemList.vue                         | 10 ++++++++--
 src/pages/Item/ItemTypeList.vue                     | 10 ++++++++--
 src/pages/Shelving/ShelvingList.vue                 |  4 ++--
 src/pages/Supplier/Card/SupplierAddresses.vue       | 11 +++++++++--
 src/pages/Supplier/Card/SupplierAgencyTerm.vue      | 10 ++++++++--
 src/pages/Ticket/Card/TicketPurchaseRequest.vue     |  9 ++++++++-
 src/pages/Ticket/Card/TicketTracking.vue            | 11 +++++++++--
 src/pages/Travel/Card/TravelThermographs.vue        |  2 ++
 src/pages/Wagon/Type/WagonTypeList.vue              |  4 ++--
 src/pages/Wagon/WagonList.vue                       |  4 ++--
 src/pages/Worker/Card/WorkerPda.vue                 |  4 ++--
 src/pages/Zone/Card/ZoneEvents.vue                  |  3 ++-
 src/pages/Zone/Card/ZoneWarehouses.vue              | 10 ++++++++--
 16 files changed, 81 insertions(+), 26 deletions(-)

diff --git a/src/pages/Account/Card/AccountMailAlias.vue b/src/pages/Account/Card/AccountMailAlias.vue
index 15d03c665..94e713538 100644
--- a/src/pages/Account/Card/AccountMailAlias.vue
+++ b/src/pages/Account/Card/AccountMailAlias.vue
@@ -110,7 +110,7 @@ onMounted(async () => await getAccountData(false));
 </script>
 
 <template>
-    <QPage class="column items-center q-pa-md">
+    <QPage class="column items-center q-pa-md" v-shortcut>
         <div class="full-width" style="max-width: 400px">
             <QSpinner v-if="loading" color="primary" size="md" />
             <VnPaginate
diff --git a/src/pages/Customer/Card/CustomerAddress.vue b/src/pages/Customer/Card/CustomerAddress.vue
index 6c8279d84..c93693e57 100644
--- a/src/pages/Customer/Card/CustomerAddress.vue
+++ b/src/pages/Customer/Card/CustomerAddress.vue
@@ -135,7 +135,7 @@ const toCustomerAddressEdit = (addressId) => {
     />
 
     <div class="full-width flex justify-center">
-        <QCard class="card-width q-pa-lg" v-if="addresses.length">
+        <QCard class="card-width q-pa-lg" v-if="addresses.length" v-shortcut>
             <QCardSection>
                 <div
                     v-for="(item, index) in addresses"
@@ -218,7 +218,13 @@ const toCustomerAddressEdit = (addressId) => {
     </div>
 
     <QPageSticky :offset="[18, 18]">
-        <QBtn @click.stop="toCustomerAddressCreate()" color="primary" fab icon="add" />
+        <QBtn
+            @click.stop="toCustomerAddressCreate()"
+            color="primary"
+            fab
+            icon="add"
+            shortcut="+"
+        />
         <QTooltip>
             {{ t('New consignee') }}
         </QTooltip>
diff --git a/src/pages/Customer/Card/CustomerCreditContracts.vue b/src/pages/Customer/Card/CustomerCreditContracts.vue
index 568adcf0b..607015ce5 100644
--- a/src/pages/Customer/Card/CustomerCreditContracts.vue
+++ b/src/pages/Customer/Card/CustomerCreditContracts.vue
@@ -71,7 +71,7 @@ const updateData = () => {
 
 <template>
     <div class="full-width flex justify-center">
-        <QCard class="card-width q-pa-lg">
+        <QCard class="card-width q-pa-lg" v-shortcut>
             <VnPaginate
                 :filter="filter"
                 @on-fetch="fetch"
@@ -193,6 +193,7 @@ const updateData = () => {
             color="primary"
             fab
             icon="add"
+            shortcut="+"
         />
         <QTooltip>
             {{ t('New contract') }}
diff --git a/src/pages/Item/ItemList.vue b/src/pages/Item/ItemList.vue
index 2e829c6a1..8f1957257 100644
--- a/src/pages/Item/ItemList.vue
+++ b/src/pages/Item/ItemList.vue
@@ -445,7 +445,7 @@ onUnmounted(() => (stateStore.rightDrawer = false));
             <ItemListFilter data-key="ItemList" />
         </template>
     </RightMenu>
-    <QPage class="column items-center q-pa-md">
+    <QPage class="column items-center q-pa-md" v-shortcut>
         <VnPaginate
             ref="paginateRef"
             data-key="ItemList"
@@ -562,7 +562,13 @@ onUnmounted(() => (stateStore.rightDrawer = false));
         </VnPaginate>
 
         <QPageSticky :offset="[20, 20]">
-            <QBtn @click="redirectToItemCreate()" color="primary" fab icon="add" />
+            <QBtn
+                @click="redirectToItemCreate()"
+                color="primary"
+                fab
+                icon="add"
+                shortcut="+"
+            />
             <QTooltip class="text-no-wrap">
                 {{ t('New item') }}
             </QTooltip>
diff --git a/src/pages/Item/ItemTypeList.vue b/src/pages/Item/ItemTypeList.vue
index 125672d60..b9a40a754 100644
--- a/src/pages/Item/ItemTypeList.vue
+++ b/src/pages/Item/ItemTypeList.vue
@@ -65,7 +65,7 @@ const exprBuilder = (param, value) => {
             <ItemTypeFilter data-key="ItemTypeList" />
         </template>
     </RightMenu>
-    <QPage class="column items-center q-pa-md">
+    <QPage class="column items-center q-pa-md" v-shortcut>
         <div class="vn-card-list">
             <VnPaginate
                 data-key="ItemTypeList"
@@ -99,7 +99,13 @@ const exprBuilder = (param, value) => {
         </div>
     </QPage>
     <QPageSticky :offset="[20, 20]">
-        <QBtn fab icon="add" color="primary" @click="redirectToCreateView()" />
+        <QBtn
+            fab
+            icon="add"
+            color="primary"
+            @click="redirectToCreateView()"
+            shortcut="+"
+        />
         <QTooltip>
             {{ t('New item type') }}
         </QTooltip>
diff --git a/src/pages/Shelving/ShelvingList.vue b/src/pages/Shelving/ShelvingList.vue
index 3f16f8ef7..e19c8a244 100644
--- a/src/pages/Shelving/ShelvingList.vue
+++ b/src/pages/Shelving/ShelvingList.vue
@@ -46,7 +46,7 @@ function exprBuilder(param, value) {
             <ShelvingFilter data-key="ShelvingList" />
         </template>
     </RightMenu>
-    <QPage class="column items-center q-pa-md">
+    <QPage class="column items-center q-pa-md" v-shortcut>
         <div class="vn-card-list">
             <VnPaginate
                 data-key="ShelvingList"
@@ -87,7 +87,7 @@ function exprBuilder(param, value) {
         </div>
         <QPageSticky :offset="[20, 20]">
             <RouterLink :to="{ name: 'ShelvingCreate' }">
-                <QBtn fab icon="add" color="primary" />
+                <QBtn fab icon="add" color="primary" shortcut="+" />
                 <QTooltip>
                     {{ t('shelving.list.newShelving') }}
                 </QTooltip>
diff --git a/src/pages/Supplier/Card/SupplierAddresses.vue b/src/pages/Supplier/Card/SupplierAddresses.vue
index 735b50625..818cc2efa 100644
--- a/src/pages/Supplier/Card/SupplierAddresses.vue
+++ b/src/pages/Supplier/Card/SupplierAddresses.vue
@@ -46,7 +46,7 @@ const redirectToUpdateView = (addressData) => {
 </script>
 
 <template>
-    <QPage class="column items-center q-pa-md">
+    <QPage class="column items-center q-pa-md" v-shortcut>
         <div class="vn-card-list">
             <VnPaginate
                 data-key="SupplierAddress"
@@ -81,7 +81,13 @@ const redirectToUpdateView = (addressData) => {
             </VnPaginate>
         </div>
         <QPageSticky :offset="[20, 20]">
-            <QBtn fab icon="add" color="primary" @click="redirectToCreateView()" />
+            <QBtn
+                fab
+                icon="add"
+                color="primary"
+                @click="redirectToCreateView()"
+                shortcut="+"
+            />
             <QTooltip>
                 {{ t('New address') }}
             </QTooltip>
@@ -93,3 +99,4 @@ const redirectToUpdateView = (addressData) => {
 es:
     New address: Nueva dirección
 </i18n>
+s
diff --git a/src/pages/Supplier/Card/SupplierAgencyTerm.vue b/src/pages/Supplier/Card/SupplierAgencyTerm.vue
index 26a410e8c..f6de30b06 100644
--- a/src/pages/Supplier/Card/SupplierAgencyTerm.vue
+++ b/src/pages/Supplier/Card/SupplierAgencyTerm.vue
@@ -48,7 +48,7 @@ const redirectToCreateView = () => {
         auto-load
     >
         <template #body="{ rows }">
-            <QCard class="q-pa-md">
+            <QCard class="q-pa-md" v-shortcut>
                 <VnRow
                     v-for="(row, index) in rows"
                     :key="index"
@@ -109,7 +109,13 @@ const redirectToCreateView = () => {
         </template>
     </CrudModel>
     <QPageSticky :offset="[20, 20]">
-        <QBtn fab icon="add" color="primary" @click="redirectToCreateView()" />
+        <QBtn
+            fab
+            icon="add"
+            color="primary"
+            @click="redirectToCreateView()"
+            shortcut="+"
+        />
         <QTooltip>
             {{ t('supplier.agencyTerms.addRow') }}
         </QTooltip>
diff --git a/src/pages/Ticket/Card/TicketPurchaseRequest.vue b/src/pages/Ticket/Card/TicketPurchaseRequest.vue
index 281dc46a1..2acca6aa9 100644
--- a/src/pages/Ticket/Card/TicketPurchaseRequest.vue
+++ b/src/pages/Ticket/Card/TicketPurchaseRequest.vue
@@ -174,6 +174,7 @@ const openCreateModal = () => createTicketRequestDialogRef.value.show();
                     class="full-width q-mt-md"
                     :no-data-label="t('globals.noResults')"
                     @row-click="(_, row) => redirectToTicketSummary(row.ticketFk)"
+                    v-shortcut
                 >
                     <template #body-cell-description="{ row }">
                         <QTd @click.stop>
@@ -252,7 +253,13 @@ const openCreateModal = () => createTicketRequestDialogRef.value.show();
             <TicketCreateRequest @on-request-created="crudModelRef.reload()" />
         </QDialog>
         <QPageSticky :offset="[20, 20]">
-            <QBtn @click="openCreateModal()" color="primary" fab icon="add" />
+            <QBtn
+                @click="openCreateModal()"
+                color="primary"
+                fab
+                icon="add"
+                shortcut="+"
+            />
             <QTooltip class="text-no-wrap">
                 {{ t('purchaseRequest.newRequest') }}
             </QTooltip>
diff --git a/src/pages/Ticket/Card/TicketTracking.vue b/src/pages/Ticket/Card/TicketTracking.vue
index 53f59adf9..ab6e97842 100644
--- a/src/pages/Ticket/Card/TicketTracking.vue
+++ b/src/pages/Ticket/Card/TicketTracking.vue
@@ -82,7 +82,7 @@ const openCreateModal = () => createTrackingDialogRef.value.show();
             data-key="TicketTracking"
             :filter="paginateFilter"
             url="TicketTrackings"
-            auto-load            
+            auto-load
             order="created DESC"
             :limit="0"
         >
@@ -94,6 +94,7 @@ const openCreateModal = () => createTrackingDialogRef.value.show();
                     :pagination="{ rowsPerPage: 0 }"
                     class="full-width q-mt-md"
                     :no-data-label="t('globals.noResults')"
+                    v-shortcut
                 >
                     <template #body-cell-worker="{ row }">
                         <QTd @click.stop>
@@ -114,7 +115,13 @@ const openCreateModal = () => createTrackingDialogRef.value.show();
             <TicketCreateTracking @on-request-created="paginateRef.fetch()" />
         </QDialog>
         <QPageSticky :offset="[20, 20]">
-            <QBtn @click="openCreateModal()" color="primary" fab icon="add" />
+            <QBtn
+                @click="openCreateModal()"
+                color="primary"
+                fab
+                icon="add"
+                shortcut="+"
+            />
             <QTooltip class="text-no-wrap">
                 {{ t('tracking.addState') }}
             </QTooltip>
diff --git a/src/pages/Travel/Card/TravelThermographs.vue b/src/pages/Travel/Card/TravelThermographs.vue
index 9f224154c..60084ff04 100644
--- a/src/pages/Travel/Card/TravelThermographs.vue
+++ b/src/pages/Travel/Card/TravelThermographs.vue
@@ -147,6 +147,7 @@ const removeThermograph = async (id) => {
                 :no-data-label="t('No results')"
                 row-key="id"
                 class="full-width q-mt-md"
+                v-shortcut
             >
                 <template #body-cell-downloadFile="{ row }">
                     <QTd auto-width>
@@ -196,6 +197,7 @@ const removeThermograph = async (id) => {
             icon="add"
             color="primary"
             @click="redirectToThermographForm('create')"
+            shortcut="+"
         />
         <QTooltip class="text-no-wrap">
             {{ t('Add thermograph') }}
diff --git a/src/pages/Wagon/Type/WagonTypeList.vue b/src/pages/Wagon/Type/WagonTypeList.vue
index 3ecca1ea3..070b120ba 100644
--- a/src/pages/Wagon/Type/WagonTypeList.vue
+++ b/src/pages/Wagon/Type/WagonTypeList.vue
@@ -40,7 +40,7 @@ async function remove(row) {
 </script>
 
 <template>
-    <QPage class="column items-center q-pa-md">
+    <QPage class="column items-center q-pa-md" v-shortcut>
         <div class="vn-card-list">
             <VnPaginate
                 data-key="WagonTypeList"
@@ -74,7 +74,7 @@ async function remove(row) {
             </VnPaginate>
         </div>
         <QPageSticky position="bottom-right" :offset="[18, 18]">
-            <QBtn @click="create" fab icon="add" color="primary" />
+            <QBtn @click="create" fab icon="add" color="primary" shortcut="+" />
         </QPageSticky>
     </QPage>
 </template>
diff --git a/src/pages/Wagon/WagonList.vue b/src/pages/Wagon/WagonList.vue
index a8b6728c3..ed68bddfd 100644
--- a/src/pages/Wagon/WagonList.vue
+++ b/src/pages/Wagon/WagonList.vue
@@ -47,7 +47,7 @@ async function remove(row) {
 </script>
 
 <template>
-    <QPage class="column items-center q-pa-md">
+    <QPage class="column items-center q-pa-md" v-shortcut>
         <div class="vn-card-list">
             <VnPaginate
                 data-key="WagonList"
@@ -94,7 +94,7 @@ async function remove(row) {
             </VnPaginate>
         </div>
         <QPageSticky position="bottom-right" :offset="[18, 18]">
-            <QBtn @click="create" fab icon="add" color="primary" />
+            <QBtn @click="create" fab icon="add" color="primary" shortcut="+" />
         </QPageSticky>
     </QPage>
 </template>
diff --git a/src/pages/Worker/Card/WorkerPda.vue b/src/pages/Worker/Card/WorkerPda.vue
index 4e0abc20c..c2ce292bb 100644
--- a/src/pages/Worker/Card/WorkerPda.vue
+++ b/src/pages/Worker/Card/WorkerPda.vue
@@ -51,7 +51,7 @@ function reloadData() {
 </script>
 
 <template>
-    <QPage class="column items-center q-pa-md centerCard">
+    <QPage class="column items-center q-pa-md centerCard" v-shortcut>
         <FetchData
             url="workers/getAvailablePda"
             @on-fetch="(data) => (deviceProductions = data)"
@@ -116,7 +116,7 @@ function reloadData() {
             </template>
         </VnPaginate>
         <QPageSticky :offset="[18, 18]">
-            <QBtn @click.stop="dialog.show()" color="primary" fab icon="add">
+            <QBtn @click.stop="dialog.show()" color="primary" fab icon="add" shortcut="+">
                 <QDialog ref="dialog">
                     <FormModelPopup
                         :title="t('Add new device')"
diff --git a/src/pages/Zone/Card/ZoneEvents.vue b/src/pages/Zone/Card/ZoneEvents.vue
index 33e2f2ffa..07400dec1 100644
--- a/src/pages/Zone/Card/ZoneEvents.vue
+++ b/src/pages/Zone/Card/ZoneEvents.vue
@@ -72,7 +72,7 @@ onUnmounted(() => (stateStore.rightDrawer = false));
             />
         </QScrollArea>
     </QDrawer>
-    <QPage class="q-pa-md flex justify-center">
+    <QPage class="q-pa-md flex justify-center" v-shortcut>
         <ZoneCalendarGrid
             v-model:events="events"
             v-model:firstDay="firstDay"
@@ -102,6 +102,7 @@ onUnmounted(() => (stateStore.rightDrawer = false));
                 color="primary"
                 fab
                 icon="add"
+                shortcut="+"
             />
             <QTooltip class="text-no-wrap">
                 {{ t('eventsInclusionForm.addEvent') }}
diff --git a/src/pages/Zone/Card/ZoneWarehouses.vue b/src/pages/Zone/Card/ZoneWarehouses.vue
index 1d28bf391..d0ba00389 100644
--- a/src/pages/Zone/Card/ZoneWarehouses.vue
+++ b/src/pages/Zone/Card/ZoneWarehouses.vue
@@ -66,7 +66,7 @@ const openCreateWarehouseForm = () => createWarehouseDialogRef.value.show();
 </script>
 
 <template>
-    <QPage class="column items-center q-pa-md">
+    <QPage class="column items-center q-pa-md" v-shortcut>
         <div class="full-width" style="max-width: 400px">
             <VnPaginate
                 ref="paginateRef"
@@ -111,7 +111,13 @@ const openCreateWarehouseForm = () => createWarehouseDialogRef.value.show();
             <ZoneCreateWarehouse @on-submit-create-warehouse="createZoneWarehouse" />
         </QDialog>
         <QPageSticky position="bottom-right" :offset="[18, 18]">
-            <QBtn fab icon="add" color="primary" @click="openCreateWarehouseForm()">
+            <QBtn
+                fab
+                icon="add"
+                color="primary"
+                @click="openCreateWarehouseForm()"
+                shortcut="+"
+            >
                 <QTooltip>{{ t('warehouses.add') }}</QTooltip>
             </QBtn>
         </QPageSticky>

From b6e14c4e6a1de74cc198714ab943279c62ab552f Mon Sep 17 00:00:00 2001
From: Jon <jon@verdnatura.es>
Date: Thu, 5 Sep 2024 13:08:02 +0200
Subject: [PATCH 9/9] fix: refs #7911 fixed shortcut and related files

---
 src/boot/keyShortcut.js                             | 4 +++-
 src/components/VnTable/VnTable.vue                  | 1 -
 src/components/common/VnSectionMain.vue             | 2 +-
 src/layouts/MainLayout.vue                          | 2 +-
 src/pages/Account/Card/AccountMailAlias.vue         | 2 +-
 src/pages/Customer/Card/CustomerAddress.vue         | 2 +-
 src/pages/Customer/Card/CustomerBalance.vue         | 8 +++++++-
 src/pages/Customer/Card/CustomerCreditContracts.vue | 2 +-
 src/pages/Item/ItemList.vue                         | 2 +-
 src/pages/Item/ItemTypeList.vue                     | 2 +-
 src/pages/Shelving/ShelvingList.vue                 | 2 +-
 src/pages/Supplier/Card/SupplierAddresses.vue       | 2 +-
 src/pages/Supplier/Card/SupplierAgencyTerm.vue      | 2 +-
 src/pages/Ticket/Card/TicketPurchaseRequest.vue     | 1 -
 src/pages/Ticket/Card/TicketTracking.vue            | 1 -
 src/pages/Travel/Card/TravelThermographs.vue        | 1 -
 src/pages/Wagon/Type/WagonTypeList.vue              | 2 +-
 src/pages/Wagon/WagonList.vue                       | 2 +-
 src/pages/Worker/Card/WorkerPda.vue                 | 2 +-
 src/pages/Zone/Card/ZoneEvents.vue                  | 2 +-
 src/pages/Zone/Card/ZoneWarehouses.vue              | 2 +-
 21 files changed, 25 insertions(+), 21 deletions(-)

diff --git a/src/boot/keyShortcut.js b/src/boot/keyShortcut.js
index 2d84dcc6d..5afb5b74a 100644
--- a/src/boot/keyShortcut.js
+++ b/src/boot/keyShortcut.js
@@ -9,7 +9,9 @@ export default {
                       ctrl: true,
                       alt: true,
                       callback: () =>
-                          document.querySelector('button[shortcut="+"]')?.click(),
+                          document
+                              .querySelector(`button[shortcut="${shortcut}"]`)
+                              ?.click(),
                   }
                 : binding.value;
 
diff --git a/src/components/VnTable/VnTable.vue b/src/components/VnTable/VnTable.vue
index 2582ea892..71ca07a53 100644
--- a/src/components/VnTable/VnTable.vue
+++ b/src/components/VnTable/VnTable.vue
@@ -291,7 +291,6 @@ defineExpose({
 </script>
 <template>
     <QDrawer
-        v-shortcut
         v-if="$props.rightSearch"
         v-model="stateStore.rightDrawer"
         side="right"
diff --git a/src/components/common/VnSectionMain.vue b/src/components/common/VnSectionMain.vue
index 2372fb2b0..0c1641ce1 100644
--- a/src/components/common/VnSectionMain.vue
+++ b/src/components/common/VnSectionMain.vue
@@ -14,7 +14,7 @@ onMounted(() => (stateStore.leftDrawer = $props.leftDrawer));
 </script>
 
 <template>
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256" v-shortcut>
+    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
         <QScrollArea class="fit text-grey-8">
             <LeftMenu />
         </QScrollArea>
diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
index 88c5ee293..51cd20071 100644
--- a/src/layouts/MainLayout.vue
+++ b/src/layouts/MainLayout.vue
@@ -5,7 +5,7 @@ const quasar = useQuasar();
 </script>
 
 <template>
-    <QLayout view="hHh LpR fFf">
+    <QLayout view="hHh LpR fFf" v-shortcut>
         <Navbar />
         <RouterView></RouterView>
         <QFooter v-if="quasar.platform.is.mobile"></QFooter>
diff --git a/src/pages/Account/Card/AccountMailAlias.vue b/src/pages/Account/Card/AccountMailAlias.vue
index 94e713538..15d03c665 100644
--- a/src/pages/Account/Card/AccountMailAlias.vue
+++ b/src/pages/Account/Card/AccountMailAlias.vue
@@ -110,7 +110,7 @@ onMounted(async () => await getAccountData(false));
 </script>
 
 <template>
-    <QPage class="column items-center q-pa-md" v-shortcut>
+    <QPage class="column items-center q-pa-md">
         <div class="full-width" style="max-width: 400px">
             <QSpinner v-if="loading" color="primary" size="md" />
             <VnPaginate
diff --git a/src/pages/Customer/Card/CustomerAddress.vue b/src/pages/Customer/Card/CustomerAddress.vue
index c93693e57..a9e7affef 100644
--- a/src/pages/Customer/Card/CustomerAddress.vue
+++ b/src/pages/Customer/Card/CustomerAddress.vue
@@ -135,7 +135,7 @@ const toCustomerAddressEdit = (addressId) => {
     />
 
     <div class="full-width flex justify-center">
-        <QCard class="card-width q-pa-lg" v-if="addresses.length" v-shortcut>
+        <QCard class="card-width q-pa-lg" v-if="addresses.length">
             <QCardSection>
                 <div
                     v-for="(item, index) in addresses"
diff --git a/src/pages/Customer/Card/CustomerBalance.vue b/src/pages/Customer/Card/CustomerBalance.vue
index 346e76681..548a67b0b 100644
--- a/src/pages/Customer/Card/CustomerBalance.vue
+++ b/src/pages/Customer/Card/CustomerBalance.vue
@@ -292,7 +292,13 @@ const showBalancePdf = ({ id }) => {
         </template>
     </VnTable>
     <QPageSticky :offset="[18, 18]" style="z-index: 2">
-        <QBtn @click.stop="showNewPaymentDialog()" color="primary" fab icon="add" />
+        <QBtn
+            @click.stop="showNewPaymentDialog()"
+            color="primary"
+            fab
+            icon="add"
+            shortcut="+"
+        />
         <QTooltip>
             {{ t('New payment') }}
         </QTooltip>
diff --git a/src/pages/Customer/Card/CustomerCreditContracts.vue b/src/pages/Customer/Card/CustomerCreditContracts.vue
index 607015ce5..12719b2cf 100644
--- a/src/pages/Customer/Card/CustomerCreditContracts.vue
+++ b/src/pages/Customer/Card/CustomerCreditContracts.vue
@@ -71,7 +71,7 @@ const updateData = () => {
 
 <template>
     <div class="full-width flex justify-center">
-        <QCard class="card-width q-pa-lg" v-shortcut>
+        <QCard class="card-width q-pa-lg">
             <VnPaginate
                 :filter="filter"
                 @on-fetch="fetch"
diff --git a/src/pages/Item/ItemList.vue b/src/pages/Item/ItemList.vue
index 8f1957257..e3fcceb3a 100644
--- a/src/pages/Item/ItemList.vue
+++ b/src/pages/Item/ItemList.vue
@@ -445,7 +445,7 @@ onUnmounted(() => (stateStore.rightDrawer = false));
             <ItemListFilter data-key="ItemList" />
         </template>
     </RightMenu>
-    <QPage class="column items-center q-pa-md" v-shortcut>
+    <QPage class="column items-center q-pa-md">
         <VnPaginate
             ref="paginateRef"
             data-key="ItemList"
diff --git a/src/pages/Item/ItemTypeList.vue b/src/pages/Item/ItemTypeList.vue
index b9a40a754..d874a5dcb 100644
--- a/src/pages/Item/ItemTypeList.vue
+++ b/src/pages/Item/ItemTypeList.vue
@@ -65,7 +65,7 @@ const exprBuilder = (param, value) => {
             <ItemTypeFilter data-key="ItemTypeList" />
         </template>
     </RightMenu>
-    <QPage class="column items-center q-pa-md" v-shortcut>
+    <QPage class="column items-center q-pa-md">
         <div class="vn-card-list">
             <VnPaginate
                 data-key="ItemTypeList"
diff --git a/src/pages/Shelving/ShelvingList.vue b/src/pages/Shelving/ShelvingList.vue
index e19c8a244..d29f6ff15 100644
--- a/src/pages/Shelving/ShelvingList.vue
+++ b/src/pages/Shelving/ShelvingList.vue
@@ -46,7 +46,7 @@ function exprBuilder(param, value) {
             <ShelvingFilter data-key="ShelvingList" />
         </template>
     </RightMenu>
-    <QPage class="column items-center q-pa-md" v-shortcut>
+    <QPage class="column items-center q-pa-md">
         <div class="vn-card-list">
             <VnPaginate
                 data-key="ShelvingList"
diff --git a/src/pages/Supplier/Card/SupplierAddresses.vue b/src/pages/Supplier/Card/SupplierAddresses.vue
index 818cc2efa..4bb6d5622 100644
--- a/src/pages/Supplier/Card/SupplierAddresses.vue
+++ b/src/pages/Supplier/Card/SupplierAddresses.vue
@@ -46,7 +46,7 @@ const redirectToUpdateView = (addressData) => {
 </script>
 
 <template>
-    <QPage class="column items-center q-pa-md" v-shortcut>
+    <QPage class="column items-center q-pa-md">
         <div class="vn-card-list">
             <VnPaginate
                 data-key="SupplierAddress"
diff --git a/src/pages/Supplier/Card/SupplierAgencyTerm.vue b/src/pages/Supplier/Card/SupplierAgencyTerm.vue
index f6de30b06..99b672cc4 100644
--- a/src/pages/Supplier/Card/SupplierAgencyTerm.vue
+++ b/src/pages/Supplier/Card/SupplierAgencyTerm.vue
@@ -48,7 +48,7 @@ const redirectToCreateView = () => {
         auto-load
     >
         <template #body="{ rows }">
-            <QCard class="q-pa-md" v-shortcut>
+            <QCard class="q-pa-md">
                 <VnRow
                     v-for="(row, index) in rows"
                     :key="index"
diff --git a/src/pages/Ticket/Card/TicketPurchaseRequest.vue b/src/pages/Ticket/Card/TicketPurchaseRequest.vue
index 2acca6aa9..8d84e2b46 100644
--- a/src/pages/Ticket/Card/TicketPurchaseRequest.vue
+++ b/src/pages/Ticket/Card/TicketPurchaseRequest.vue
@@ -174,7 +174,6 @@ const openCreateModal = () => createTicketRequestDialogRef.value.show();
                     class="full-width q-mt-md"
                     :no-data-label="t('globals.noResults')"
                     @row-click="(_, row) => redirectToTicketSummary(row.ticketFk)"
-                    v-shortcut
                 >
                     <template #body-cell-description="{ row }">
                         <QTd @click.stop>
diff --git a/src/pages/Ticket/Card/TicketTracking.vue b/src/pages/Ticket/Card/TicketTracking.vue
index ab6e97842..f7cbb14e9 100644
--- a/src/pages/Ticket/Card/TicketTracking.vue
+++ b/src/pages/Ticket/Card/TicketTracking.vue
@@ -94,7 +94,6 @@ const openCreateModal = () => createTrackingDialogRef.value.show();
                     :pagination="{ rowsPerPage: 0 }"
                     class="full-width q-mt-md"
                     :no-data-label="t('globals.noResults')"
-                    v-shortcut
                 >
                     <template #body-cell-worker="{ row }">
                         <QTd @click.stop>
diff --git a/src/pages/Travel/Card/TravelThermographs.vue b/src/pages/Travel/Card/TravelThermographs.vue
index 60084ff04..6d83581ee 100644
--- a/src/pages/Travel/Card/TravelThermographs.vue
+++ b/src/pages/Travel/Card/TravelThermographs.vue
@@ -147,7 +147,6 @@ const removeThermograph = async (id) => {
                 :no-data-label="t('No results')"
                 row-key="id"
                 class="full-width q-mt-md"
-                v-shortcut
             >
                 <template #body-cell-downloadFile="{ row }">
                     <QTd auto-width>
diff --git a/src/pages/Wagon/Type/WagonTypeList.vue b/src/pages/Wagon/Type/WagonTypeList.vue
index 070b120ba..b7bbf8c5d 100644
--- a/src/pages/Wagon/Type/WagonTypeList.vue
+++ b/src/pages/Wagon/Type/WagonTypeList.vue
@@ -40,7 +40,7 @@ async function remove(row) {
 </script>
 
 <template>
-    <QPage class="column items-center q-pa-md" v-shortcut>
+    <QPage class="column items-center q-pa-md">
         <div class="vn-card-list">
             <VnPaginate
                 data-key="WagonTypeList"
diff --git a/src/pages/Wagon/WagonList.vue b/src/pages/Wagon/WagonList.vue
index ed68bddfd..c4824b861 100644
--- a/src/pages/Wagon/WagonList.vue
+++ b/src/pages/Wagon/WagonList.vue
@@ -47,7 +47,7 @@ async function remove(row) {
 </script>
 
 <template>
-    <QPage class="column items-center q-pa-md" v-shortcut>
+    <QPage class="column items-center q-pa-md">
         <div class="vn-card-list">
             <VnPaginate
                 data-key="WagonList"
diff --git a/src/pages/Worker/Card/WorkerPda.vue b/src/pages/Worker/Card/WorkerPda.vue
index c2ce292bb..a53aac270 100644
--- a/src/pages/Worker/Card/WorkerPda.vue
+++ b/src/pages/Worker/Card/WorkerPda.vue
@@ -51,7 +51,7 @@ function reloadData() {
 </script>
 
 <template>
-    <QPage class="column items-center q-pa-md centerCard" v-shortcut>
+    <QPage class="column items-center q-pa-md centerCard">
         <FetchData
             url="workers/getAvailablePda"
             @on-fetch="(data) => (deviceProductions = data)"
diff --git a/src/pages/Zone/Card/ZoneEvents.vue b/src/pages/Zone/Card/ZoneEvents.vue
index 07400dec1..32a7db4c4 100644
--- a/src/pages/Zone/Card/ZoneEvents.vue
+++ b/src/pages/Zone/Card/ZoneEvents.vue
@@ -72,7 +72,7 @@ onUnmounted(() => (stateStore.rightDrawer = false));
             />
         </QScrollArea>
     </QDrawer>
-    <QPage class="q-pa-md flex justify-center" v-shortcut>
+    <QPage class="q-pa-md flex justify-center">
         <ZoneCalendarGrid
             v-model:events="events"
             v-model:firstDay="firstDay"
diff --git a/src/pages/Zone/Card/ZoneWarehouses.vue b/src/pages/Zone/Card/ZoneWarehouses.vue
index d0ba00389..6b2933224 100644
--- a/src/pages/Zone/Card/ZoneWarehouses.vue
+++ b/src/pages/Zone/Card/ZoneWarehouses.vue
@@ -66,7 +66,7 @@ const openCreateWarehouseForm = () => createWarehouseDialogRef.value.show();
 </script>
 
 <template>
-    <QPage class="column items-center q-pa-md" v-shortcut>
+    <QPage class="column items-center q-pa-md">
         <div class="full-width" style="max-width: 400px">
             <VnPaginate
                 ref="paginateRef"