<script setup lang="ts">
const route = useRoute()
</script>

<template>
<!--  <Title>笔顺码字典</Title>-->
  <client-only>
    <el-menu
        :default-active="route.path"
        class="el-menu-demo"
        mode="horizontal"
        :ellipsis="false"
        :router="true"
    >
      <el-menu-item index="/tools/qqazk">笔顺码字典</el-menu-item>
      <div class="flex-grow" />
      <el-menu-item index="/tools/qqazk/about">关于</el-menu-item>
      <el-menu-item v-if="route.path=='/tools/qqazk/search'" index="/tools/qqazk/search">搜索</el-menu-item>
      <el-menu-item v-if="route.path.startsWith('/tools/qqazk/details')" index="" style="color: var(--el-menu-active-color)">结果</el-menu-item>
    </el-menu>
  </client-only>
</template>


<style scoped>
a{
  text-decoration: none;
}
</style>