shorts-admin/src/components/SideMenu.vue

<template>
    <ElMenu class="side-menu !border-0 bg-slate-100 dark:bg-zinc-800" :default-active="defaultActive" :router="true" unique-opened>
        <SubMenus :menus="menus" />
    </ElMenu>
</template>
<script setup>
import SubMenus from './SubMenus.vue'

const props = defineProps({
    defaultActive: {
        type: String,
        default: 'home'
    },
    menus: {
        type: Array,
        default: () => []
    }
})
</script>