'use strict';

var vue = require('vue');
var index = require('../use-responsive-observe/index.cjs');

function useBreakpoint() {
  const screens = vue.shallowRef({});
  let token = null;
  const responsiveObserve = index.useResponsiveObserver();
  vue.onMounted(() => {
    token = responsiveObserve.value.subscribe((supportScreens) => {
      screens.value = supportScreens;
    });
  });
  vue.onUnmounted(() => {
    responsiveObserve.value.unsubscribe(token);
  });
  return screens;
}

exports.useBreakpoint = useBreakpoint;
//# sourceMappingURL=index.cjs.map
