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

export const useMessageStore = defineStore('messages', () => {
  const openState = ref(false)

  // 開啟訊息中心 Dialog
  const open = () => {
    openState.value = true
  }

  // 關閉訊息中心 Dialog
  const close = () => {
    openState.value = false
  }

  // 提供 v-model 綁定用的 computed
  const isOpen = computed({
    get: () => openState.value,
    set: (value) => {
      openState.value = value
    },
  })

  return {
    isOpen,
    open,
    close,
  }
})