drawing-board-service/src/core/hook/use-pause.ts

import { ref } from "vue"

export type PausePack<T extends object> =  T & {
  pause: () => void,
  resume: () => void,
  isPause: boolean
}
export const usePause = <T extends object>(api?: T): PausePack<T> => {
  const isPause = ref(false)
  const result = (api || {}) as PausePack<T>

  Object.defineProperty(result, 'isPause', {
    get() {
      return isPause.value
    },
    set() {
      return true
    }
  })

  result.pause = () => isPause.value = true
  result.resume = () => isPause.value = false

  return result
}