diff --git a/src/components/common/VnSectionMain.vue b/src/components/common/VnSectionMain.vue
index f0dc2e500..0c1641ce1 100644
--- a/src/components/common/VnSectionMain.vue
+++ b/src/components/common/VnSectionMain.vue
@@ -1,8 +1,16 @@
 <script setup>
 import { useStateStore } from 'stores/useStateStore';
 import LeftMenu from 'components/LeftMenu.vue';
+import { onMounted } from 'vue';
 
 const stateStore = useStateStore();
+const $props = defineProps({
+    leftDrawer: {
+        type: Boolean,
+        default: true,
+    },
+});
+onMounted(() => (stateStore.leftDrawer = $props.leftDrawer));
 </script>
 
 <template>
diff --git a/src/pages/Route/RouteMain.vue b/src/pages/Route/RouteMain.vue
deleted file mode 100644
index e3d1ecf38..000000000
--- a/src/pages/Route/RouteMain.vue
+++ /dev/null
@@ -1,12 +0,0 @@
-<script setup>
-import VnSectionMain from 'components/common/VnSectionMain.vue';
-import { useStateStore } from 'stores/useStateStore';
-import { onMounted } from 'vue';
-
-const stateStore = useStateStore();
-onMounted(() => (stateStore.leftDrawer = false));
-</script>
-
-<template>
-    <VnSectionMain />
-</template>
diff --git a/src/router/modules/route.js b/src/router/modules/route.js
index 862ec538b..6ab7b78d7 100644
--- a/src/router/modules/route.js
+++ b/src/router/modules/route.js
@@ -19,6 +19,9 @@ export default {
             path: '/route',
             name: 'RouteMain',
             component: () => import('src/components/common/VnSectionMain.vue'),
+            props: {
+                leftDrawer: false,
+            },
             redirect: { name: 'RouteList' },
             children: [
                 {