cultureat-bak/wp-content/themes/ccat/app/composables/useResponsive.ts

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"),
  };
}