<template>
  <a-menu
      :selectedKeys="activeMenus"
      mode="inline"
      :inline-collapsed="false"
      class="system-menus"
  >
    <menu-item :menu-list="SYSTEM_MENUS"/>
  </a-menu>
</template>

<script setup lang="ts">
import {computed} from "vue";
import {useRoute} from "vue-router";
import {SYSTEM_MENUS} from "@/config";
import MenuItem from "@/components/layout/MenuItem.vue";

const route = useRoute()

const activeMenus = computed(() => [route.path]);

</script>

<style scoped lang="scss">
.system-menus {
  height: calc(100% - 100px);
  overflow-y: auto;
}
</style>