Vue js hook to queue callbacks and execute then one by one, one callback in one tick

tick-sequence.js

const queue = []
let canExecuteThisTick = true

import {nextTick} from 'vue'

export function useTickSequence() {
  const processQueue = () => {
    if (canExecuteThisTick) {
      canExecuteThisTick = false
    }

    const callback = queue.shift()
    callback()

    nextTick(() => {
      canExecuteThisTick = true

      if (queue.length !== 0) {
        processQueue()
      }
    })
  }

  const enqueue = callback => {
    queue.push(callback)

    if (canExecuteThisTick) {
      processQueue()
    }
  }

  return {
    enqueue
  }
}