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

export type TomatoTarget = {
  id: string
  finishTime: number
  remindTime: number | null
  title: string
  isCompleted: boolean
}
export type TomatoTime = {
  date: number
  finishTime: number
}
export const musicList = [
  {
    name: 'A Part of Us',
    music: 'https://newfatfox.oss-cn-beijing.aliyuncs.com/admin/music/aPartOfUs.mp3'
  },
  {
    name: 'a signal rose',
    music: 'https://newfatfox.oss-cn-beijing.aliyuncs.com/admin/music/AsignalRose.mp3'
  },
  {
    name: 'a thousand lifetimes',
    music: 'https://newfatfox.oss-cn-beijing.aliyuncs.com/admin/music/aThousandLifetimes.mp3'
  },
  {
    name: 'A Very Brady Special',
    music: 'https://newfatfox.oss-cn-beijing.aliyuncs.com/admin/music/AVeryBradySpecial.mp3'
  },
  {
    name: 'A Wonderful Story',
    music: 'https://newfatfox.oss-cn-beijing.aliyuncs.com/admin/music/AWonderfulStore.mp3'
  }
]
export default defineStore('work', () => {
  const state = reactive({
    list: [] as TomatoTarget[],
    timeList: [] as TomatoTime[]
  })
  const openShowModel = ref<undefined | null | TomatoTarget>()
  const openFullscreen = ref(false)
  return {
    state,
    openShowModel,
    openFullscreen
  }
})