From 9207b374197efc7c2a559c8efdde7689bdcec0e3 Mon Sep 17 00:00:00 2001
From: Jon <jon@verdnatura.es>
Date: Mon, 24 Jun 2024 13:46:06 +0200
Subject: [PATCH] refactor: refs #7014 refactor <module>Main.vue

---
 src/components/common/VnSectionMain.vue | 17 +++++++++++++++++
 src/pages/Account/AccountMain.vue       | 14 ++------------
 src/pages/Claim/ClaimMain.vue           | 14 ++------------
 src/pages/Customer/CustomerMain.vue     | 14 ++------------
 src/pages/Entry/EntryMain.vue           | 15 ++-------------
 src/pages/InvoiceIn/InvoiceInMain.vue   | 14 ++------------
 src/pages/InvoiceOut/InvoiceOutMain.vue | 14 ++------------
 src/pages/Item/ItemMain.vue             | 15 ++-------------
 src/pages/Monitor/MonitorMain.vue       | 15 ++-------------
 src/pages/Order/OrderMain.vue           | 14 ++------------
 src/pages/Route/RouteMain.vue           | 11 ++---------
 src/pages/Shelving/ShelvingMain.vue     | 14 ++------------
 src/pages/Supplier/SupplierMain.vue     | 14 ++------------
 src/pages/Ticket/TicketMain.vue         | 14 ++------------
 src/pages/Travel/TravelMain.vue         | 14 ++------------
 src/pages/Wagon/WagonMain.vue           | 14 ++------------
 src/pages/Worker/WorkerMain.vue         | 14 ++------------
 src/pages/Zone/ZoneMain.vue             | 13 ++-----------
 18 files changed, 51 insertions(+), 203 deletions(-)
 create mode 100644 src/components/common/VnSectionMain.vue

diff --git a/src/components/common/VnSectionMain.vue b/src/components/common/VnSectionMain.vue
new file mode 100644
index 000000000..f0dc2e500
--- /dev/null
+++ b/src/components/common/VnSectionMain.vue
@@ -0,0 +1,17 @@
+<script setup>
+import { useStateStore } from 'stores/useStateStore';
+import LeftMenu from 'components/LeftMenu.vue';
+
+const stateStore = useStateStore();
+</script>
+
+<template>
+    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
+        <QScrollArea class="fit text-grey-8">
+            <LeftMenu />
+        </QScrollArea>
+    </QDrawer>
+    <QPageContainer>
+        <RouterView></RouterView>
+    </QPageContainer>
+</template>
diff --git a/src/pages/Account/AccountMain.vue b/src/pages/Account/AccountMain.vue
index f0dc2e500..c6a38a77a 100644
--- a/src/pages/Account/AccountMain.vue
+++ b/src/pages/Account/AccountMain.vue
@@ -1,17 +1,7 @@
 <script setup>
-import { useStateStore } from 'stores/useStateStore';
-import LeftMenu from 'components/LeftMenu.vue';
-
-const stateStore = useStateStore();
+import VnSectionMain from 'components/common/VnSectionMain.vue';
 </script>
 
 <template>
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
-        <QScrollArea class="fit text-grey-8">
-            <LeftMenu />
-        </QScrollArea>
-    </QDrawer>
-    <QPageContainer>
-        <RouterView></RouterView>
-    </QPageContainer>
+    <VnSectionMain />
 </template>
diff --git a/src/pages/Claim/ClaimMain.vue b/src/pages/Claim/ClaimMain.vue
index f0dc2e500..c6a38a77a 100644
--- a/src/pages/Claim/ClaimMain.vue
+++ b/src/pages/Claim/ClaimMain.vue
@@ -1,17 +1,7 @@
 <script setup>
-import { useStateStore } from 'stores/useStateStore';
-import LeftMenu from 'components/LeftMenu.vue';
-
-const stateStore = useStateStore();
+import VnSectionMain from 'components/common/VnSectionMain.vue';
 </script>
 
 <template>
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
-        <QScrollArea class="fit text-grey-8">
-            <LeftMenu />
-        </QScrollArea>
-    </QDrawer>
-    <QPageContainer>
-        <RouterView></RouterView>
-    </QPageContainer>
+    <VnSectionMain />
 </template>
diff --git a/src/pages/Customer/CustomerMain.vue b/src/pages/Customer/CustomerMain.vue
index f0dc2e500..c6a38a77a 100644
--- a/src/pages/Customer/CustomerMain.vue
+++ b/src/pages/Customer/CustomerMain.vue
@@ -1,17 +1,7 @@
 <script setup>
-import { useStateStore } from 'stores/useStateStore';
-import LeftMenu from 'components/LeftMenu.vue';
-
-const stateStore = useStateStore();
+import VnSectionMain from 'components/common/VnSectionMain.vue';
 </script>
 
 <template>
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
-        <QScrollArea class="fit text-grey-8">
-            <LeftMenu />
-        </QScrollArea>
-    </QDrawer>
-    <QPageContainer>
-        <RouterView></RouterView>
-    </QPageContainer>
+    <VnSectionMain />
 </template>
diff --git a/src/pages/Entry/EntryMain.vue b/src/pages/Entry/EntryMain.vue
index c1f2a31db..c6a38a77a 100644
--- a/src/pages/Entry/EntryMain.vue
+++ b/src/pages/Entry/EntryMain.vue
@@ -1,18 +1,7 @@
 <script setup>
-import LeftMenu from 'src/components/LeftMenu.vue';
-
-import { useStateStore } from 'stores/useStateStore';
-
-const stateStore = useStateStore();
+import VnSectionMain from 'components/common/VnSectionMain.vue';
 </script>
 
 <template>
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
-        <QScrollArea class="fit text-grey-8">
-            <LeftMenu />
-        </QScrollArea>
-    </QDrawer>
-    <QPageContainer>
-        <RouterView></RouterView>
-    </QPageContainer>
+    <VnSectionMain />
 </template>
diff --git a/src/pages/InvoiceIn/InvoiceInMain.vue b/src/pages/InvoiceIn/InvoiceInMain.vue
index 66ce78f23..c6a38a77a 100644
--- a/src/pages/InvoiceIn/InvoiceInMain.vue
+++ b/src/pages/InvoiceIn/InvoiceInMain.vue
@@ -1,17 +1,7 @@
 <script setup>
-import { useStateStore } from 'stores/useStateStore';
-import LeftMenu from 'src/components/LeftMenu.vue';
-
-const stateStore = useStateStore();
+import VnSectionMain from 'components/common/VnSectionMain.vue';
 </script>
 
 <template>
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
-        <QScrollArea class="fit text-grey-8">
-            <LeftMenu />
-        </QScrollArea>
-    </QDrawer>
-    <QPageContainer>
-        <RouterView></RouterView>
-    </QPageContainer>
+    <VnSectionMain />
 </template>
diff --git a/src/pages/InvoiceOut/InvoiceOutMain.vue b/src/pages/InvoiceOut/InvoiceOutMain.vue
index 66ce78f23..c6a38a77a 100644
--- a/src/pages/InvoiceOut/InvoiceOutMain.vue
+++ b/src/pages/InvoiceOut/InvoiceOutMain.vue
@@ -1,17 +1,7 @@
 <script setup>
-import { useStateStore } from 'stores/useStateStore';
-import LeftMenu from 'src/components/LeftMenu.vue';
-
-const stateStore = useStateStore();
+import VnSectionMain from 'components/common/VnSectionMain.vue';
 </script>
 
 <template>
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
-        <QScrollArea class="fit text-grey-8">
-            <LeftMenu />
-        </QScrollArea>
-    </QDrawer>
-    <QPageContainer>
-        <RouterView></RouterView>
-    </QPageContainer>
+    <VnSectionMain />
 </template>
diff --git a/src/pages/Item/ItemMain.vue b/src/pages/Item/ItemMain.vue
index c1f2a31db..c6a38a77a 100644
--- a/src/pages/Item/ItemMain.vue
+++ b/src/pages/Item/ItemMain.vue
@@ -1,18 +1,7 @@
 <script setup>
-import LeftMenu from 'src/components/LeftMenu.vue';
-
-import { useStateStore } from 'stores/useStateStore';
-
-const stateStore = useStateStore();
+import VnSectionMain from 'components/common/VnSectionMain.vue';
 </script>
 
 <template>
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
-        <QScrollArea class="fit text-grey-8">
-            <LeftMenu />
-        </QScrollArea>
-    </QDrawer>
-    <QPageContainer>
-        <RouterView></RouterView>
-    </QPageContainer>
+    <VnSectionMain />
 </template>
diff --git a/src/pages/Monitor/MonitorMain.vue b/src/pages/Monitor/MonitorMain.vue
index c1f2a31db..c6a38a77a 100644
--- a/src/pages/Monitor/MonitorMain.vue
+++ b/src/pages/Monitor/MonitorMain.vue
@@ -1,18 +1,7 @@
 <script setup>
-import LeftMenu from 'src/components/LeftMenu.vue';
-
-import { useStateStore } from 'stores/useStateStore';
-
-const stateStore = useStateStore();
+import VnSectionMain from 'components/common/VnSectionMain.vue';
 </script>
 
 <template>
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
-        <QScrollArea class="fit text-grey-8">
-            <LeftMenu />
-        </QScrollArea>
-    </QDrawer>
-    <QPageContainer>
-        <RouterView></RouterView>
-    </QPageContainer>
+    <VnSectionMain />
 </template>
diff --git a/src/pages/Order/OrderMain.vue b/src/pages/Order/OrderMain.vue
index 66ce78f23..c6a38a77a 100644
--- a/src/pages/Order/OrderMain.vue
+++ b/src/pages/Order/OrderMain.vue
@@ -1,17 +1,7 @@
 <script setup>
-import { useStateStore } from 'stores/useStateStore';
-import LeftMenu from 'src/components/LeftMenu.vue';
-
-const stateStore = useStateStore();
+import VnSectionMain from 'components/common/VnSectionMain.vue';
 </script>
 
 <template>
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
-        <QScrollArea class="fit text-grey-8">
-            <LeftMenu />
-        </QScrollArea>
-    </QDrawer>
-    <QPageContainer>
-        <RouterView></RouterView>
-    </QPageContainer>
+    <VnSectionMain />
 </template>
diff --git a/src/pages/Route/RouteMain.vue b/src/pages/Route/RouteMain.vue
index bbf19068e..e3d1ecf38 100644
--- a/src/pages/Route/RouteMain.vue
+++ b/src/pages/Route/RouteMain.vue
@@ -1,6 +1,6 @@
 <script setup>
+import VnSectionMain from 'components/common/VnSectionMain.vue';
 import { useStateStore } from 'stores/useStateStore';
-import LeftMenu from 'src/components/LeftMenu.vue';
 import { onMounted } from 'vue';
 
 const stateStore = useStateStore();
@@ -8,12 +8,5 @@ onMounted(() => (stateStore.leftDrawer = false));
 </script>
 
 <template>
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
-        <QScrollArea class="fit text-grey-8">
-            <LeftMenu />
-        </QScrollArea>
-    </QDrawer>
-    <QPageContainer>
-        <RouterView></RouterView>
-    </QPageContainer>
+    <VnSectionMain />
 </template>
diff --git a/src/pages/Shelving/ShelvingMain.vue b/src/pages/Shelving/ShelvingMain.vue
index 66ce78f23..c6a38a77a 100644
--- a/src/pages/Shelving/ShelvingMain.vue
+++ b/src/pages/Shelving/ShelvingMain.vue
@@ -1,17 +1,7 @@
 <script setup>
-import { useStateStore } from 'stores/useStateStore';
-import LeftMenu from 'src/components/LeftMenu.vue';
-
-const stateStore = useStateStore();
+import VnSectionMain from 'components/common/VnSectionMain.vue';
 </script>
 
 <template>
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
-        <QScrollArea class="fit text-grey-8">
-            <LeftMenu />
-        </QScrollArea>
-    </QDrawer>
-    <QPageContainer>
-        <RouterView></RouterView>
-    </QPageContainer>
+    <VnSectionMain />
 </template>
diff --git a/src/pages/Supplier/SupplierMain.vue b/src/pages/Supplier/SupplierMain.vue
index 66ce78f23..c6a38a77a 100644
--- a/src/pages/Supplier/SupplierMain.vue
+++ b/src/pages/Supplier/SupplierMain.vue
@@ -1,17 +1,7 @@
 <script setup>
-import { useStateStore } from 'stores/useStateStore';
-import LeftMenu from 'src/components/LeftMenu.vue';
-
-const stateStore = useStateStore();
+import VnSectionMain from 'components/common/VnSectionMain.vue';
 </script>
 
 <template>
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
-        <QScrollArea class="fit text-grey-8">
-            <LeftMenu />
-        </QScrollArea>
-    </QDrawer>
-    <QPageContainer>
-        <RouterView></RouterView>
-    </QPageContainer>
+    <VnSectionMain />
 </template>
diff --git a/src/pages/Ticket/TicketMain.vue b/src/pages/Ticket/TicketMain.vue
index f0dc2e500..c6a38a77a 100644
--- a/src/pages/Ticket/TicketMain.vue
+++ b/src/pages/Ticket/TicketMain.vue
@@ -1,17 +1,7 @@
 <script setup>
-import { useStateStore } from 'stores/useStateStore';
-import LeftMenu from 'components/LeftMenu.vue';
-
-const stateStore = useStateStore();
+import VnSectionMain from 'components/common/VnSectionMain.vue';
 </script>
 
 <template>
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
-        <QScrollArea class="fit text-grey-8">
-            <LeftMenu />
-        </QScrollArea>
-    </QDrawer>
-    <QPageContainer>
-        <RouterView></RouterView>
-    </QPageContainer>
+    <VnSectionMain />
 </template>
diff --git a/src/pages/Travel/TravelMain.vue b/src/pages/Travel/TravelMain.vue
index 66ce78f23..c6a38a77a 100644
--- a/src/pages/Travel/TravelMain.vue
+++ b/src/pages/Travel/TravelMain.vue
@@ -1,17 +1,7 @@
 <script setup>
-import { useStateStore } from 'stores/useStateStore';
-import LeftMenu from 'src/components/LeftMenu.vue';
-
-const stateStore = useStateStore();
+import VnSectionMain from 'components/common/VnSectionMain.vue';
 </script>
 
 <template>
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
-        <QScrollArea class="fit text-grey-8">
-            <LeftMenu />
-        </QScrollArea>
-    </QDrawer>
-    <QPageContainer>
-        <RouterView></RouterView>
-    </QPageContainer>
+    <VnSectionMain />
 </template>
diff --git a/src/pages/Wagon/WagonMain.vue b/src/pages/Wagon/WagonMain.vue
index 66ce78f23..c6a38a77a 100644
--- a/src/pages/Wagon/WagonMain.vue
+++ b/src/pages/Wagon/WagonMain.vue
@@ -1,17 +1,7 @@
 <script setup>
-import { useStateStore } from 'stores/useStateStore';
-import LeftMenu from 'src/components/LeftMenu.vue';
-
-const stateStore = useStateStore();
+import VnSectionMain from 'components/common/VnSectionMain.vue';
 </script>
 
 <template>
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
-        <QScrollArea class="fit text-grey-8">
-            <LeftMenu />
-        </QScrollArea>
-    </QDrawer>
-    <QPageContainer>
-        <RouterView></RouterView>
-    </QPageContainer>
+    <VnSectionMain />
 </template>
diff --git a/src/pages/Worker/WorkerMain.vue b/src/pages/Worker/WorkerMain.vue
index 66ce78f23..c6a38a77a 100644
--- a/src/pages/Worker/WorkerMain.vue
+++ b/src/pages/Worker/WorkerMain.vue
@@ -1,17 +1,7 @@
 <script setup>
-import { useStateStore } from 'stores/useStateStore';
-import LeftMenu from 'src/components/LeftMenu.vue';
-
-const stateStore = useStateStore();
+import VnSectionMain from 'components/common/VnSectionMain.vue';
 </script>
 
 <template>
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
-        <QScrollArea class="fit text-grey-8">
-            <LeftMenu />
-        </QScrollArea>
-    </QDrawer>
-    <QPageContainer>
-        <RouterView></RouterView>
-    </QPageContainer>
+    <VnSectionMain />
 </template>
diff --git a/src/pages/Zone/ZoneMain.vue b/src/pages/Zone/ZoneMain.vue
index 68ff9a5d1..b6f3fb74e 100644
--- a/src/pages/Zone/ZoneMain.vue
+++ b/src/pages/Zone/ZoneMain.vue
@@ -1,11 +1,9 @@
 <script setup>
+import VnSectionMain from 'components/common/VnSectionMain.vue';
 import { useI18n } from 'vue-i18n';
-import { useStateStore } from 'stores/useStateStore';
-import LeftMenu from 'src/components/LeftMenu.vue';
 import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
 
 const { t } = useI18n();
-const stateStore = useStateStore();
 
 const exprBuilder = (param, value) => {
     switch (param) {
@@ -49,12 +47,5 @@ const exprBuilder = (param, value) => {
         :info="t('list.searchInfo')"
         custom-route-redirect-name="ZoneSummary"
     />
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
-        <QScrollArea class="fit text-grey-8">
-            <LeftMenu />
-        </QScrollArea>
-    </QDrawer>
-    <QPageContainer>
-        <RouterView></RouterView>
-    </QPageContainer>
+    <VnSectionMain />
 </template>