<script setup>
import { computed } from 'vue';
import LeftMenuItem from './LeftMenuItem.vue';

const props = defineProps({
    item: {
        type: Object,
        required: true,
    },
    group: {
        type: String,
        default: '',
    },
});

const item = computed(() => props.item); // eslint-disable-line vue/no-dupe-keys
</script>
<template>
    <template v-for="section in item.children" :key="section.name">
        <LeftMenuItem :item="section" />
    </template>
</template>
