16 - until

[ReCoN-96]

<script setup lang='ts'>
import { ref, watchEffect, type Ref, onBeforeUnmount } from "vue"

const count = ref(0)

function until(initial: Ref<number>) {

  function toBe(value: number) {
    return new Promise((resolve, reject) => {
      watchEffect(() => {

        function isIntitalValueHigherThanValue() {
          return initial.value > value
        }

        function isIntitalValueEqualValue() {
          return initial.value === value
        }

        if (isIntitalValueHigherThanValue()) {
          reject(false)
        }

        if (isIntitalValueEqualValue()) {
          resolve(true)
        }
      })
    })
  }

  return {
    toBe,
  }
}

let countInterval: ReturnType<typeof setInterval> | null = null;

function cleanCountInterval() {
  if (countInterval) {
    clearInterval(countInterval)
    countInterval = null
  }
}

onBeforeUnmount(() => {
  cleanCountInterval()
})

async function increase() {
  count.value = 0
  countInterval = setInterval(() => {
    count.value++
  }, 1000)
  await until(count).toBe(3)
  cleanCountInterval()
  console.log(count.value === 3) // Make sure the output is true
}
</script>