feat(use): add useWindowSize

2020-09-14 17:48:14 +08:00
parent ea846033f7
commit 4fa602bc77
2 changed files with 19 additions and 0 deletions
@@ -0,0 +1,18 @@
+import { ref } from 'vue';
+import { inBrowser } from '../shared';
+import { useEventListener } from '../useEventListener';
+
+export function useWindowSize(initialWidth = 0, initialHeight = 0) {
+  const width = ref(inBrowser ? window.innerWidth : initialWidth);
+  const height = ref(inBrowser ? window.innerHeight : initialHeight);
+
+  const onResize = () => {
+    width.value = window.innerWidth;
+    height.value = window.innerHeight;
+  };
+
+  useEventListener('resize', onResize);
+  useEventListener('orientationchange', onResize);
+
+  return { width, height };
+}