24 lines
1.1 KiB
Vue
24 lines
1.1 KiB
Vue
<script setup lang="ts">
|
|
import { PhArticle, PhHouse, PhImageSquare, PhSignOut, PhSlidersHorizontal } from '@phosphor-icons/vue'
|
|
|
|
defineProps<{ active: 'home' | 'content' | 'media' | 'settings'; logo?: string; brandName?: string; englishName?: string }>()
|
|
|
|
async function logout() {
|
|
await $fetch('/api/auth/logout', { method: 'POST' })
|
|
await navigateTo('/admin/login')
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<aside class="admin-sidebar">
|
|
<BrandLogo :src="logo" :name="brandName" :english-name="englishName" />
|
|
<nav>
|
|
<NuxtLink to="/admin" :class="{ active: active === 'home' }"><PhHouse :size="21" />首页管理</NuxtLink>
|
|
<NuxtLink to="/admin/content" :class="{ active: active === 'content' }"><PhArticle :size="21" />内容管理</NuxtLink>
|
|
<NuxtLink to="/admin/media" :class="{ active: active === 'media' }"><PhImageSquare :size="21" />素材中心</NuxtLink>
|
|
<NuxtLink to="/admin/settings" :class="{ active: active === 'settings' }"><PhSlidersHorizontal :size="21" />网站设置</NuxtLink>
|
|
</nav>
|
|
<button type="button" @click="logout"><PhSignOut :size="20" />退出登录</button>
|
|
</aside>
|
|
</template>
|