export function useFullscreen()

in studio/components/tab/use-fullscreen.ts [20:46]

• 23 lines of code
• 2 McCabe index (conditional complexity)

export function useFullscreen() {
  const isFullscreen = ref(false)

  const toggleFullscreen = (idSelector: string) => {
    const Ele = document.getElementById(idSelector)
    if (Ele) screenfull.toggle(Ele)
  }

  onMounted(() => {
    screenfull.on(
      'change',
      () => void (isFullscreen.value = screenfull.isFullscreen)
    )
  })

  onUnmounted(() => {
    screenfull.on(
      'change',
      () => void (isFullscreen.value = screenfull.isFullscreen)
    )
  })

  return {
    isFullscreen,
    toggleFullscreen
  }
}