@neosjs/vitepress-theme/dist/composables/aside.mjs

NeosJS VitePress theme

import { useMediaQuery } from "@vueuse/core";
import { computed } from "vue";
import { useSidebar } from "./sidebar.mjs";
export function useAside() {
  const { hasSidebar } = useSidebar();
  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
  };
}