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

import AppMenuItem from './AppMenuItem.vue';

const model = ref([
    {
        label: 'Knowledge Source',
        items: [{ label: 'Documents', icon: 'pi pi-fw pi-id-card', to: '/ksdocuments' },
        { label: 'Code Repository', icon: 'pi pi-fw pi-id-card', to: '/ks_git_repos' },
        { label: 'Code Parser', icon: 'pi pi-fw pi-id-card', to: '/ks_git_repos/ks_code_parser' },
        { label: 'Texts', icon: 'pi pi-fw pi-id-card', to: '/kstexts' }
        ]
    },
    {
        label: 'Vector Database',
        items: [//{ label: 'Dashboard', icon: 'pi pi-fw pi-home', to: '/' },
            { label: 'Similarity Search', icon: 'pi pi-fw pi-search', to: '/ks_similarity_search' },
            { label: 'Vector Database Search', icon: 'pi pi-fw pi-search', to: '/ks_vector_data' }
        ]
    },
]);
</script>

<template>
    <ul class="layout-menu">
        <template v-for="(item, i) in model" :key="item">
            <app-menu-item v-if="!item.separator" :item="item" :index="i"></app-menu-item>
            <li v-if="item.separator" class="menu-separator"></li>
        </template>
    </ul>
</template>

<style lang="scss" scoped></style>
