Files
blog-ui/src/layout/components/Sidebar/BlogMenu.vue
2025-09-17 15:16:50 +08:00

31 lines
899 B
Vue

<template>
<el-menu router class="blog-menu-container">
<el-menu-item index="/blog/overview">
<i class="fa fa-fw fa-home" />
<span class="menu-title">首页</span>
</el-menu-item>
<el-menu-item index="/blog/category">
<i class="fa fa-fw fa-th" />
<span class="menu-title">分类</span>
<span class="value">{{ blogStore.blogStats.categoryCount }}</span>
</el-menu-item>
<el-menu-item index="/blog/archive">
<i class="fa fa-fw fa-archive" />
<span class="menu-title">归档</span>
<span class="value">{{ blogStore.blogStats.blogCount }}</span>
</el-menu-item>
<el-menu-item>
<i class="fa fa-search fa-fw" />
<span class="menu-title">搜索</span>
</el-menu-item>
</el-menu>
</template>
<script setup lang="ts">
import { useBlogStore } from '@/store/blog.ts'
const blogStore = useBlogStore()
</script>