Spaces:

phuc7
/

linguaielts-api

Paused

linguaielts-api / fronted /src /composables /useMediaQuery.js

AnhviNguyen

Forecast, dashboard, pronunciation, nginx fixes (exclude large ML weights)

3092643 4 months ago

493 Bytes

import { ref, onMounted, onUnmounted } from 'vue'

export function useMediaQuery(query) {
  const matches = ref(
    typeof window !== 'undefined' ? window.matchMedia(query).matches : false,
  )
  let mql = null

  function update() {
    matches.value = mql?.matches ?? false
  }

  onMounted(() => {
    mql = window.matchMedia(query)
    mql.addEventListener('change', update)
    update()
  })

  onUnmounted(() => {
    mql?.removeEventListener('change', update)
  })

  return matches
}

	import { ref, onMounted, onUnmounted } from 'vue'

	export function useMediaQuery(query) {
	const matches = ref(
	typeof window !== 'undefined' ? window.matchMedia(query).matches : false,
	)
	let mql = null

	function update() {
	matches.value = mql?.matches ?? false
	}

	onMounted(() => {
	mql = window.matchMedia(query)
	mql.addEventListener('change', update)
	update()
	})

	onUnmounted(() => {
	mql?.removeEventListener('change', update)
	})

	return matches
	}