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

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

  return { breakpoints, isDesktop };
}