+ add menu-search
<script setup lang="ts">
import { UserFilled, ArrowDown, Moon, Sunny } from '@element-plus/icons-vue'
import { useDark, useToggle } from '@vueuse/core'
+import MenuSearch from './menuSearch.vue'
import useAuthStore from '@/store/auth'
import Logo from '@/assets/logo.png'
import useAppStore from '@/store/app'
@@ -32,6 +33,7 @@ const appStore = useAppStore()
<div :class="$slots.topNav ? 'top-nav' : ''">
<slot name="topNav" />
</div>
+ <menu-search class="item" />
<el-icon class="item" :size="22" @click="toggleDark()">
<component :is="isDark ? Sunny : Moon" />
</el-icon>
@@ -82,5 +84,9 @@ const appStore = useAppStore()
align-items: center;
padding: 0 10px;
cursor: pointer;
+
+ &:hover {
+ color: var(--el-color-primary);
+ }
}
</style>
