import { Ref, SetupContext, ref } from "vue";
import { ComponentModel } from "./cykLang";
import loglevel from 'loglevel';
import { buildComponentArray } from "./WindowManager";
const logger = loglevel.getLogger('cykMenuList.ts');
logger.setLevel('debug');

export function useCykMenuList(props: { componentArg: ComponentModel | undefined }, context: SetupContext<'hideleftdrawer'[]>) {

    const components: Ref<ComponentModel[]> = ref([])
    const isLoading = ref(true);

    (async () => {
        try {
            if (props.componentArg) {
                await buildComponentArray(props.componentArg, components)
                isLoading.value = false
            }
        }
        catch (err) {
            logger.error(err)
        }
        finally {
        }
    })()

    return {
        components, isLoading
    }
}