<script setup>
import {ref} from 'vue'

const sideNav = ref(['overview'])
</script>

<template>
  <a-layout>
    <a-layout-sider>
      <a-menu
          class="h-full"
          v-model:selectedKeys="sideNav"
          mode="inline"
      >
        <a-menu-item key="overview">
          <router-link to="/management/overview">概览</router-link>
        </a-menu-item>
        <a-sub-menu key="system">
          <template #title>
              <span>
                系统管理
              </span>
          </template>
          <a-menu-item key="setting">
            <router-link to="/management/setting">设置</router-link>
          </a-menu-item>
        </a-sub-menu>
      </a-menu>
    </a-layout-sider>
    <div class="p-3 h-full w-full">
      <router-view/>
    </div>
  </a-layout>
</template>

<style scoped>
</style>