text: import { store } from '@/store';
  import { ref, watch, computed } from '@vue/composition-api';
  
  export const useResponsiveAppLeftSidebarVisibility = () => {
    const mqShallShowLeftSidebar = ref(false);
    // Close Active Sidebars and other stuff when going in large device
    const currentBreakPoint = computed(() => store.getters['app/currentBreakPoint']);
    watch(currentBreakPoint, (val, oldVal) => {
      // Reset chats & contacts left sidebar
      if (oldVal === 'md' && val === 'lg') mqShallShowLeftSidebar.value = false;
    });
  
    return {
      mqShallShowLeftSidebar,
    };
  };
  
  export const _ = {};
  