import { defineStore } from 'pinia'

export const useMenuStore = defineStore('menu', () => {
  const activeMenu = ref('/model-square')
  const menuItems = [
    { path: '/model-square', icon: 'i-carbon-gallery', label: '模型广场' },
    { path: '/picture-square', icon: 'i-carbon-light-filled', label: '作品灵感' },
    // { path: '/works-inspire', icon: 'i-carbon-light-filled', label: '作品灵感' },
    // { path: '/workspace', icon: 'i-carbon-workspace', label: '工作流' },
    { path: '/work-square', icon: 'i-carbon-workspace', label: '工作流' },
    // { path: '/web-ui', icon: 'i-carbon-image-search', label: '在线生图' },
    // { path: '/comfy-ui', icon: 'i-carbon-image-search', label: '在线工作流' },
    // { path: '/training-lora', icon: 'i-carbon-machine-learning', label: '训练LoRA' },
    // { path: '/high-availability', icon: 'i-carbon-image', label: '高级预生图' },
    // { path: '/api-platform', icon: 'i-carbon-api', label: 'API开放平台' },
    // { path: '/creator-center', icon: 'i-carbon-user-admin', label: '创作中心' },
    { path: '/personal-center', icon: 'i-carbon-user', label: '个人中心' },
    { path: '/member-center', icon: 'i-carbon-user-profile', label: '会员中心' },
  ]

  function setActiveMenu(path: string) {
    activeMenu.value = path
  }

  return {
    activeMenu,
    menuItems,
    setActiveMenu,
  }
}, {
  persist: {
    key: 'mc-menu-store',
    // paths: ['isLoggedIn', 'mymcname', 'token', 'userInfo'], // 只持久化 token
    storage: import.meta.client ? localStorage : undefined,
  },
  // persist: {
  //   storage: {
  //     getItem(key) {
  //       return window.localStorage.getItem(key)
  //     },
  //     setItem(key, value) {
  //       window.localStorage.setItem(key, value)
  //     },
  //   },
  //   serializer: {
  //     deserialize: parse,
  //     serialize: stringify,
  //   },
  // },
})