refactor: rename code

src/router/helper.ts

@@ -30,7 +30,7 @@ type MergeMenuOption = ReplaceKeys<
   MenuOption,
   {
     icon: string
-    children?: MergeMenuMixedOption[]
+    children?: MergeMenuMixedOptions[]
   }
 > &
   RouteOption
@@ -46,9 +46,9 @@ type MergeMenuGroup = NoIndex<
 
 type MergeMenuDivider = NoIndex<MenuDividerOption>
 
-export type MergeMenuMixedOption = MergeMenuOption | MergeMenuGroup | MergeMenuDivider
+export type MergeMenuMixedOptions = MergeMenuOption | MergeMenuGroup | MergeMenuDivider
 
-export function resolveMenu(options: MergeMenuMixedOption[], parentDisabled = false) {
+export function resolveMenu(options: MergeMenuMixedOptions[], parentDisabled = false) {
   const menuOption: MenuProps['options'] = []
 
   options.forEach((item) => {
@@ -91,12 +91,12 @@ export function resolveMenu(options: MergeMenuMixedOption[], parentDisabled = fa
   return menuOption
 }
 
-export function resolveRoute(options: MergeMenuMixedOption[]) {
+export function resolveRoute(options: MergeMenuMixedOptions[]) {
   const modules = import.meta.glob('@/views/**/*.vue')
 
   const routeOptions: RouteRecordRaw[] = []
 
-  function flattenOptions(options: MergeMenuMixedOption[]): MergeMenuMixedOption[] {
+  function flattenOptions(options: MergeMenuMixedOptions[]): MergeMenuMixedOptions[] {
     return options.flatMap((item) => {
       if (item.type === 'divider') {
         return []

src/router/record.ts

@@ -1,6 +1,6 @@
-import type { MergeMenuMixedOption } from './helper'
+import type { MergeMenuMixedOptions } from './helper'
 
-export const routeRecordRaw: MergeMenuMixedOption[] = [
+export const routeRecordRaw: MergeMenuMixedOptions[] = [
   {
     path: 'dashboard',
     name: 'dashboard',
@@ -177,15 +177,15 @@ export const routeRecordRaw: MergeMenuMixedOption[] = [
     component: 'feedback/index',
   },
   {
-    path: 'draggable',
-    name: 'draggable',
+    path: 'drag-drop',
+    name: 'dragDrop',
     icon: 'iconify-[pixelarticons--drag-and-drop]',
     label: '拖拽模块',
     meta: {
-      componentName: 'Draggable',
+      componentName: 'DragDrop',
       showTab: true,
     },
-    component: 'draggable/index',
+    component: 'drag-drop/index',
   },
   {
     path: 'not-found-page-404',

src/stores/configure.ts

@@ -52,7 +52,7 @@ const DEFAULT_CONFIGURE_OPTIONS: ConfigureOptions = {
     fontStyle: 'normal',
     fontWeight: 400,
     lineHeight: 16,
-    image: undefined,
+    image: void 0,
     imageHeight: 64,
     imageWidth: 64,
     imageOpacity: 0.5,

src/stores/user.ts

@@ -6,7 +6,7 @@ import router from '@/router'
 import { resolveMenu, resolveRoute } from '@/router/helper'
 import { routeRecordRaw } from '@/router/record'
 
-import type { MergeMenuMixedOption } from '@/router/helper'
+import type { MergeMenuMixedOptions } from '@/router/helper'
 import type { MenuProps } from 'naive-ui'
 import type { RouteRecordRaw } from 'vue-router'
 
@@ -38,7 +38,7 @@ export const useUserStore = defineStore('userStore', () => {
   }
 
   async function resolveUserMenu() {
-    const res = await new Promise<MergeMenuMixedOption[]>((resolve) => {
+    const res = await new Promise<MergeMenuMixedOptions[]>((resolve) => {
       if (token.value?.includes('admin')) {
         resolve(routeRecordRaw)
       } else {

src/views/about/index.vue

@@ -7,6 +7,10 @@ import { ref, watch } from 'vue'
 import packageJson from '@/../package.json'
 import { usePersonalization } from '@/composable/usePersonalization'
 
+defineOptions({
+  name: 'About',
+})
+
 const APP_NAME = import.meta.env.VITE_APP_NAME
 
 const { isDark } = usePersonalization()

src/views/dashboard/index.vue

@@ -9,6 +9,10 @@ import twc from '@/utils/tailwindColor'
 
 import type { ECharts } from 'echarts'
 
+defineOptions({
+  name: 'Dashboard',
+})
+
 const { isDark, color } = usePersonalization()
 
 const cardList = ref(generateCardData())

src/views/draggable/index.vue → src/views/drag-drop/index.vue

@@ -10,6 +10,10 @@ import { usePersonalization } from '@/composable/usePersonalization'
 
 import type { UseDraggableReturn } from 'vue-draggable-plus'
 
+defineOptions({
+  name: 'DragDrop',
+})
+
 const APP_NAME = import.meta.env.VITE_APP_NAME
 
 const { isDark } = usePersonalization()

src/views/feedback/index.vue

@@ -4,6 +4,10 @@ import { reactive } from 'vue'
 
 import type { ModalProps } from 'naive-ui'
 
+defineOptions({
+  name: 'Feedback',
+})
+
 const APP_NAME = import.meta.env.VITE_APP_NAME
 
 const message = useMessage()

src/views/sign-in/index.vue

@@ -17,6 +17,10 @@ import ThemeColorPopover from './component/ThemeColorPopover.vue'
 
 import type { FormItemRule } from 'naive-ui'
 
+defineOptions({
+  name: 'SignIn',
+})
+
 const { isDark } = usePersonalization()
 
 const userStore = useUserStore()