create project vue

src/interface/main/index.ts

@@ -0,0 +1,79 @@
+import { readonly } from 'vue'
+interface menuType {
+  key: number
+  icon: string
+  activeIcon: string
+  label: string
+  path: string
+}
+
+interface notiType {
+  id: number
+  sender: string
+  body: string
+  timereceive: string
+}
+
+interface optionType {
+  icon: string
+  label: string
+  value: string
+  color: string
+}
+
+const menuList = readonly<menuType[]>([
+  {
+    key: 1,
+    icon: 'mdi-home-variant-outline',
+    activeIcon: 'mdi-home-variant',
+    label: 'หน้าแรก',
+    path: 'dashboard'
+  },
+  {
+    key: 2,
+    icon: 'o_person',
+    activeIcon: 'person',
+    label: 'ข้อมูลหลัก01',
+    path: 'meta01'
+  },
+  {
+    key: 3,
+    icon: 'o_person',
+    activeIcon: 'person',
+    label: 'ข้อมูลหลัก02',
+    path: 'meta02'
+  }
+])
+
+const options = readonly<optionType[]>([
+  {
+    icon: 'mdi-account-cog',
+    label: 'ผู้ดูแลระบบ',
+    value: 'op1',
+    color: 'primary'
+  },
+  {
+    icon: 'mdi-account-group',
+    label: 'เจ้าหน้าที่',
+    value: 'op2',
+    color: 'blue'
+  },
+  {
+    icon: 'mdi-account-circle',
+    label: 'บุคคล',
+    value: 'op3',
+    color: 'indigo'
+  }
+])
+
+const notiList = readonly<notiType[]>([
+  {
+    id: 1,
+    sender: 'ท',
+    body: 'ขอแก้ไขข้อมูลทะเบียนประวัติ',
+    timereceive: '13/12/2565'
+  }
+])
+
+export { menuList, options, notiList }
+export type { menuType, notiType, optionType }