antdv-eoi/es/_util/hooks/useBreakpoint.js

An enterprise-class UI design language and Vue-based implementation

import { onMounted, onUnmounted, ref } from 'vue';
import ResponsiveObserve from '../../_util/responsiveObserve';

function useBreakpoint() {
  var screens = ref({});
  var token = null;
  onMounted(function () {
    token = ResponsiveObserve.subscribe(function (supportScreens) {
      screens.value = supportScreens;
    });
  });
  onUnmounted(function () {
    ResponsiveObserve.unsubscribe(token);
  });
  return screens;
}

export default useBreakpoint;