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

export const mainWrapperStore = defineStore("mainWrapper", () => {

})
export const homePageStore = defineStore("homePage", () => {
  const idShow = reactive({
    show_menu: false,
    show_carousel: true,
    show_author: true,
    show_anchornDown: true
  })
  return {idShow}
})

export const blogStore = defineStore("blog", () => {
  const delControl = reactive({
    open: false,
    ids: ""
  })

  return { delControl }
})
export const diaryStore = defineStore("diary", () => {
  const delControl = reactive({
    open: false,
    ids: ""
  })

  return { delControl }
})
export const classticStore = defineStore("classtic", () => {
  const addControl = reactive({
    open: false,
    title: "",
    mode: "",
    ids: ""
  })

  const delControl = reactive({
    open: false,
    ids: ""
  })

  const editControl = reactive({
    open: false,
    ids: "",
    title: ""
  })
  return { addControl, delControl, editControl }
})
export const comLinkStore = defineStore("comLink", () => {
  const addControl = reactive({
    open: false,
    title: "",
    mode: "",
    ids: ""
  })

  const delControl = reactive({
    open: false,
    ids: ""
  })

  const editControl = reactive({
    open: false,
    ids: "",
    title: ""
  })
  return { addControl, delControl, editControl }
})
export const typeStore = defineStore("type", () => {
  const addControl = reactive({
    open: false,
    title: "",
    ids: ""
  })

  const delControl = reactive({
    open: false,
    ids: ""
  })

  const editControl = reactive({
    open: false,
    ids: "",
    title: ""
  })
  return { addControl, delControl, editControl }
})
export const labelStore = defineStore("label", () => {
  const addControl = reactive({
    open: false,
    title: "",
    ids: ""
  })

  const delControl = reactive({
    open: false,
    ids: ""
  })

  const editControl = reactive({
    open: false,
    ids: "",
    title: ""
  })
  return { addControl, delControl, editControl }
})



export const useAuthStore = defineStore("auth", () => {
  const tokenValue = ref("")
  function setToken(token: string) {
    tokenValue.value = token
  }
  function removeToken() {
    localStorage.removeItem('token');
  }
  return { setToken, removeToken }
})