type GridPlanExpose = {
    deleteItem(item: GridPlanItem): void
    focusItem(item: GridPlanItem): void
    getActiveItem(): GridPlanItem
    getFocusState(item: GridPlanItem): boolean
    getItems(): GridPlanItem[]
    selectItem(item: GridPlanItem): void
    setActiveType(t: GridPlanItemType): void
    unselect(): void
}

// Set a ref for the GridPlan component
const plan = ref(null);

const exposed = computed(() => {
    const ready = !!plan.value;
    return {
        deleteItem: ready ? plan.value.deleteItem : null,
        focusItem: ready ? plan.value.focusItem : null,
        getActiveItem: ready ? plan.value.getActiveItem : null,
        getFocusState: ready ? plan.value.getFocusState : null,
        getItems: ready ? plan.value.getItems : null,
        selectItem: ready ? plan.value.selectItem : null,
        setActiveType: ready ? plan.value.setActiveType : null,
        unselect: ready ? plan.value.unselect : null
    }
});

function doSomething() {
    const items = exposed.value.getItems ? exposed.value.getItems() : []
}