<template>
  <n-layout-sider
    class="layout_sidebar"
    v-bind="getSideOptions"
  >
    <div class="project__logo">
      飞行管理平台
    </div>
    <SideMenu />
  </n-layout-sider>
</template>

<script setup>
import { computed, toRaw } from 'vue'
import SideMenu from '@/layout/components/Menu/index.vue'
import { useSettingStore } from '@/store/modules/setting.js'
const settingStore = useSettingStore()

const getSideOptions = computed(() => {
  return toRaw(settingStore.getSidebarSetting)
})

</script>

<style lang="scss" scoped>
.layout_sidebar{
  color: rgba(255, 255, 255, 1);
  background: rgba(0, 21, 41, 1);
  .project__logo{
    height: 68px;
    line-height: 68px;
    text-align: center;
    font-size: 18px;
  }
}
</style>
