import { defineStore } from 'pinia'

export const useSettingsStore = defineStore('settings', {
  state: () => ({
    // 侧边栏状态
    sidebarCollapsed: false,
    
    // 界面配置
    interface: {
      // 是否显示时间戳
      showTimestamp: true,
      // 消息气泡最大宽度(px)
      messageMaxWidth: 800,
      // 字体大小(px)
      fontSize: 14
    },

    // 主题配置
    theme: {
      // 主色调
      primary: '#07c160',
      // 背景色
      background: '#f5f5f5',
      // 文字颜色
      textColor: '#333333'
    }
  }),

  actions: {
    // 切换侧边栏状态
    toggleSidebar() {
      this.sidebarCollapsed = !this.sidebarCollapsed
    },

    // 更新界面配置
    updateInterface(config) {
      this.interface = {
        ...this.interface,
        ...config
      }
    },

    // 更新主题配置
    updateTheme(config) {
      this.theme = {
        ...this.theme,
        ...config
      }
    },

    // 重置所有设置
    resetSettings() {
      this.$reset()
    }
  }
})