feat: 分离前端列表

resources/admin/layout/components/header/index.vue

@@ -28,6 +28,7 @@
 <script setup lang="ts">
 import { useAppStore } from '/admin/stores/modules/app'
 import Notification from './notification.vue'
+import Search from './search.vue'
 
 const store = useAppStore()
 </script>

resources/admin/layout/components/header/search.vue

@@ -1,10 +1,10 @@
 <template>
   <div class="w-10 h-10 grid place-items-center rounded-full mt-3 hover:cursor-pointer">
     <div class="flex flex-row w-96">
-      <Icon name="magnifying-glass" class="hidden sm:block" @click="serachMenuVisable = true" />
+      <Icon name="magnifying-glass" class="hidden sm:block" @click="searchMenuVisiable = true" />
 
       <Teleport to="body">
-        <el-dialog v-model="serachMenuVisable" width="30%" draggable>
+        <el-dialog v-model="searchMenuVisiable" width="30%" draggable>
           <el-cascader :filterable="true" :options="options" @change="toWhere" placeholder="请输入菜单名称" clearable class="w-full" :show-all-levels="false" />
         </el-dialog>
       </Teleport>
@@ -18,7 +18,7 @@ import { Menu } from '/admin/types/Menu'
 import router from '/admin/router'
 import { ref, computed } from 'vue'
 
-const serachMenuVisable = ref(false)
+const searchMenuVisiable = ref(false)
 
 const permissionStore = usePermissionsStore()
 const options = computed(() => {
@@ -29,7 +29,7 @@ const toWhere = (value: string[]) => {
     router.push({ path: value[value.length - 1] })
   }
 
-  serachMenuVisable.value = false
+  searchMenuVisiable.value = false
 }
 
 /**