1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
| import { ref, onMounted, onUnmounted } from 'vue'
|
| export function useWindowSize() {
| const width = ref(window.innerWidth)
| const height = ref(window.innerHeight)
|
| const handleResize = () => {
| width.value = window.innerWidth
| height.value = window.innerHeight
| }
|
| onMounted(() => {
| window.addEventListener('resize', handleResize)
| })
|
| onUnmounted(() => {
| window.removeEventListener('resize', handleResize)
| })
|
| return { width, height }
| }
|
|
