import { useState } from '#imports';
import type { Config } from '~/types/global';
import type {Website} from "~/api/cms/website/model";
import type {Navigation} from "~/api/cms/navigation/model";

export const useWebsite = () =>
    useState<Website>('website', () => {
        return {};
    });

export const useConfigInfo = () =>
  useState<Config>('config', () => {
    return {};
  });

export const useMenu = () =>
    useState<Navigation[]>('menu', () => {
        return [];
    });

export const useSubMenu = () =>
    useState<Navigation[]>('subMenu', () => {
        return [];
    });

export const useProductAffix = () =>
    useState<boolean>('affixTop', () => {
        return false;
    });

export const useToken = () => useState('token', () => 'token xxx');