2020-10-05 09:04:11 +08:00

19 lines
503 B
TypeScript

import { ref } from 'vue';
import { inBrowser } from '../shared';
import { useEventListener } from '../useEventListener';
export function useWindowSize() {
const width = ref(inBrowser ? window.innerWidth : 0);
const height = ref(inBrowser ? window.innerHeight : 0);
const onResize = () => {
width.value = window.innerWidth;
height.value = window.innerHeight;
};
useEventListener('resize', onResize);
useEventListener('orientationchange', onResize);
return { width, height };
}