import store from '@/store';

const { body } = document;
const WIDTH = 992;

export default {
  beforeMount() {
    window.addEventListener('resize', this.$_resizeHandler);
  },
  beforeDestroy() {
    window.removeEventListener('resize', this.$_resizeHandler);
  },
  mounted() {
    const isMobile = this.$_isMobile();
    if (isMobile) {
      store.dispatch('setting/togglesidebar', false);
    }
  },

  methods: {
    $_isMobile() {
     
      const rect = body.getBoundingClientRect();
      return rect.width - 1 < WIDTH;
    },
    $_resizeHandler() {
      const isMobile = this.$_isMobile();
      if (isMobile) {
        store.dispatch('setting/togglesidebar', false);
      }
    }
  }
};