import { breakpointsTailwind, useBreakpoints } from "@vueuse/core";

export function useResponsive() {
  const { isMobileOrTablet } = useDevice();
  const breakpoints = useBreakpoints(breakpointsTailwind, { ssrWidth: isMobileOrTablet ? 375 : 1024 });

  return {
    breakpoints,
    isDesktop: breakpoints.greaterOrEqual("lg"),
  };
}