useBreakpoint.js 729 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. var screens = (0, _vue.ref)({});
  11. var token = null;
  12. (0, _vue.onMounted)(function () {
  13. token = _responsiveObserve.default.subscribe(function (supportScreens) {
  14. screens.value = supportScreens;
  15. });
  16. });
  17. (0, _vue.onUnmounted)(function () {
  18. _responsiveObserve.default.unsubscribe(token);
  19. });
  20. return screens;
  21. }
  22. var _default = useBreakpoint;
  23. exports.default = _default;