import { ref, nextTick } from 'vue'

export const useLogout = () => {
  const logoutRef = ref(false)
  const clickedNumberTotal = ref(0)
  const MAX_NUMBER = 10

  function resetClickNumber() {
    clickedNumberTotal.value = 0
  }

  function setLogoutRef(flag) {
    logoutRef.value = flag
  }

  //点击商场logo 达到最大次数显示退出框
  function addTotalClick() {
    clickedNumberTotal.value++
    nextTick(() => {
      if (clickedNumberTotal.value >= MAX_NUMBER) {
        logoutRef.value = true
        resetClickNumber()
      }
    })
  }

  return { resetClickNumber, addTotalClick, setLogoutRef, logoutRef }
}