app/stores/layout.ts

import {defineStore} from "pinia";
import {Ref, ref} from "@vue/reactivity";
import {MenuGroup, MenuItem} from "~/types/layout";

export const useLayoutStore = defineStore('layout', () => {
    /**
     * Le nom du layout actif
     */
    const name: Ref<string> = ref('default')

    const menus: Ref<Record<string, MenuGroup | MenuItem>> = ref({})
    const menusOpened: Ref<Record<string, boolean>> = ref({})

    return {
        name,
        menus,
        menusOpened,
    }
})