/*! For license information please see 9364.e56fbb8e.js.LICENSE.txt */ (self.webpackChunk=self.webpackChunk||[]).push([["9364"],{97746:function(s,n,a){"use strict";a.r(n);var t=a("80681");let e=["innerHTML"];n.default={setup:()=>({html:""}),render:()=>((0,t.wg)(),(0,t.iD)("div",{class:"van-doc-markdown-body",innerHTML:'

useWindowSize

\n

Intro

\n

Get the viewport width and height of the browser window, and update it automatically when the window size changes.

\n

Usage

\n

Basic Usage

\n
import { watch } from 'vue';\nimport { useWindowSize } from '@vant/use';\n\nexport default {\n  setup() {\n    const { width, height } = useWindowSize();\n\n    console.log(width.value); // -> width of browser window\n    console.log(height.value); // -> height of browser window\n\n    watch([width, height], () => {\n      console.log('window resized');\n    });\n  },\n};\n
\n

API

\n

Type Declarations

\n
function useWindowSize(): {\n  width: Ref<number>;\n  height: Ref<number>;\n};\n
\n

Return Value

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
NameDescriptionType
widthThe width of browser windowRef<number>
heightThe height of browser windowRef<number>
\n
'},null,8,e))}}}]);