@qvant/qui-max/dist/src/qComponents/hooks/useMediaQuery/index.js

A Vue 3 Design system for Web.

import { ref } from "vue";
import { tryOnUnmounted } from "../helpers.js";
const useMediaQuery = (query) => {
  if (!window)
    return ref(false);
  const mediaQuery = window.matchMedia(query);
  const matches = ref(mediaQuery.matches);
  const handler = (event) => {
    matches.value = event.matches;
  };
  mediaQuery.addEventListener("change", handler);
  tryOnUnmounted(() => mediaQuery.removeEventListener("change", handler));
  return matches;
};
export { useMediaQuery };
//# sourceMappingURL=index.js.map