useBreakpoint.js 765 B

123456789101112131415161718192021222324
  1. "use strict";
  2. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
  3. Object.defineProperty(exports, "__esModule", {
  4. value: true
  5. });
  6. exports.default = void 0;
  7. var _vue = require("vue");
  8. var _responsiveObserve = _interopRequireDefault(require("../../_util/responsiveObserve"));
  9. function useBreakpoint() {
  10. const screens = (0, _vue.shallowRef)({});
  11. let token = null;
  12. const responsiveObserve = (0, _responsiveObserve.default)();
  13. (0, _vue.onMounted)(() => {
  14. token = responsiveObserve.value.subscribe(supportScreens => {
  15. screens.value = supportScreens;
  16. });
  17. });
  18. (0, _vue.onUnmounted)(() => {
  19. responsiveObserve.value.unsubscribe(token);
  20. });
  21. return screens;
  22. }
  23. var _default = exports.default = useBreakpoint;