hirsun-vuepress-theme-hope-plus/lib/client/composables/size.js

A light vuepress theme with tons of features and typewriter effect

import { useEventListener } from "@vueuse/core";
import { onMounted, ref } from "vue";
import cssVariables from "../styles/variables.module.scss?module";
const { mobileBreakPoint, pcBreakPoint } = cssVariables;
const getPixels = (length) => length.endsWith("px") ? Number(length.slice(0, -2)) : null;
export const useWindowSize = () => {
    const isMobile = ref(false);
    const isPC = ref(false);
    const windowSizeHandler = () => {
        isMobile.value = window.innerWidth <= (getPixels(mobileBreakPoint) ?? 719);
        isPC.value = window.innerWidth >= (getPixels(pcBreakPoint) ?? 1440);
    };
    onMounted(() => {
        windowSizeHandler();
        useEventListener("resize", windowSizeHandler, false);
        useEventListener("orientationchange", windowSizeHandler, false);
    });
    return {
        isMobile,
        isPC,
    };
};
//# sourceMappingURL=size.js.map