18 lines
537 B
JavaScript
18 lines
537 B
JavaScript
import { useMediaQuery } from '@vueuse/core';
|
|
import { computed } from 'vue';
|
|
import { useLayout } from './layout';
|
|
export function useAside() {
|
|
const { hasSidebar } = useLayout();
|
|
const is960 = useMediaQuery('(min-width: 960px)');
|
|
const is1280 = useMediaQuery('(min-width: 1280px)');
|
|
const isAsideEnabled = computed(() => {
|
|
if (!is1280.value && !is960.value) {
|
|
return false;
|
|
}
|
|
return hasSidebar.value ? is1280.value : is960.value;
|
|
});
|
|
return {
|
|
isAsideEnabled
|
|
};
|
|
}
|