import { defineStore } from 'pinia'
import { ref } from 'vue'

export const useUserStore = defineStore('user', () => {
  const token = localStorage.getItem('jsek-token') ? ref(localStorage.getItem('jsek-token')) : ref()
  const userInfo = localStorage.getItem('jesk-userInfo')
    ? ref(JSON.parse(localStorage.getItem('jesk-userInfo')))
    : ref()
  const setToken = (value) => {
    token.value = value
    localStorage.setItem('jsek-token', value)
  }
  const setUserInfo = (value) => {
    userInfo.value = value
    localStorage.setItem('jesk-userInfo', JSON.stringify(value))
  }
  // 退出登录
  const delteUserInfo = () => {
    ;((token.vlaue = ''), (userInfo.value = { userName: '', userType: '' }))
    localStorage.removeItem('jsek-token')
    localStorage.removeItem('jesk-userInfo')
    localStorage.removeItem('jsek-isUserInfo')
  }
  // 购物车数量
  let cartNum = ref(1)
  // 更新右侧弹出框购物车的数量
  const updateRightPop = () => {
    cartNum.value += 1
  }

  // 购物车商品id
  const shoppingIds = ref([])
  const updateShoppingIds = (ids) => {
    shoppingIds.value = ids
  }

  // 已购买的商品id
  const buyIds = ref([])
  const updateBuyIds = (ids) => {
    buyIds.value = ids
  }

  return {
    token,
    setToken,
    userInfo,
    setUserInfo,
    delteUserInfo,
    cartNum,
    updateRightPop,
    shoppingIds,
    updateShoppingIds,
    buyIds,
    updateBuyIds,
  }
})