import { computed, onMounted, onBeforeUnmount, ref } from 'vue'

export const useTime = () => {
  const date = ref(new Date())
  const timer = ref(null)

  const currentTime = computed(() => {
    return `${date.value.getHours().toString().padStart(2, '0')}:${date.value.getMinutes().toString().padStart(2, '0')}`
  })
  const currentHour = computed(() => date.value.getHours())
  const currentTimeMinute = computed(() => date.value.getMinutes())
  const getDate = () => {
    timer.value = setInterval(() => {
      date.value = new Date()
    }, 60000)
  }

  onMounted(getDate)
  onBeforeUnmount(() => clearInterval(timer.value))

  return {
    currentTime,
    currentHour,
    currentTimeMinute
  }
}