useBreakpoint.js 457 B

12345678910111213141516
  1. import { onMounted, onUnmounted, ref } from 'vue';
  2. import ResponsiveObserve from '../../_util/responsiveObserve';
  3. function useBreakpoint() {
  4. var screens = ref({});
  5. var token = null;
  6. onMounted(function () {
  7. token = ResponsiveObserve.subscribe(function (supportScreens) {
  8. screens.value = supportScreens;
  9. });
  10. });
  11. onUnmounted(function () {
  12. ResponsiveObserve.unsubscribe(token);
  13. });
  14. return screens;
  15. }
  16. export default useBreakpoint;