diff --git a/src/interface/request/main/main.ts b/src/interface/request/main/main.ts
index 6061c4b8..c52f9627 100644
--- a/src/interface/request/main/main.ts
+++ b/src/interface/request/main/main.ts
@@ -1,19 +1,4 @@
 import { ref } from "vue";
+import type { MenuItem } from "./type";
 
-export const menuList = ref([
-  {
-    icon: "mdi-home-variant-outline",
-    activeIcon: "mdi-home-variant",
-    label: "หน้าแรก",
-    path: "/",
-  },
-  {
-    icon: "mdi-file-outline",
-    activeIcon: "mdi-file",
-    label: "คู่มือการใช้งาน",
-    children: [] as {
-      label: string;
-      path: string;
-    }[],
-  },
-]);
+export const menuList = ref<MenuItem[]>([]);
diff --git a/src/interface/request/main/type.ts b/src/interface/request/main/type.ts
new file mode 100644
index 00000000..5231b6ef
--- /dev/null
+++ b/src/interface/request/main/type.ts
@@ -0,0 +1,10 @@
+export interface MenuItem {
+  icon: string;
+  activeIcon: string;
+  label: string;
+  path?: string;
+  children?: {
+    label: string;
+    path: string;
+  }[];
+}