1---
2category: '@Electron'
3---
4 
5# useZoomFactor
6 
7Reactive [WebFrame](https://www.electronjs.org/docs/api/web-frame#webframe) zoom factor.
8 
9## Usage
10 
11```ts
12import { useZoomFactor } from '@vueuse/electron'
13 
14// enable nodeIntegration if you don't provide webFrame explicitly
15// see: https://www.electronjs.org/docs/api/webview-tag#nodeintegration
16// Ref result will return
17const factor = useZoomFactor()
18console.log(factor.value) // print current zoom factor
19factor.value = 2 // change current zoom factor
20```
21 
22Set initial zoom factor immediately
23 
24```ts
25import { useZoomFactor } from '@vueuse/electron'
26 
27const factor = useZoomFactor(2)
28```
29 
30Pass a `ref` and the factor will be updated when the source ref changes
31 
32```ts
33import { useZoomFactor } from '@vueuse/electron'
34import { shallowRef } from 'vue'
35 
36const factor = shallowRef(1)
37 
38useZoomFactor(factor) // zoom factor will match with the ref
39 
40factor.value = 2 // zoom factor will change
41```
42 
43## Type Declarations
44 
45```ts
46export declare function useZoomFactor(factor: MaybeRef<number>): Ref<number>
47export declare function useZoomFactor(
48  webFrame: WebFrame,
49  factor: MaybeRef<number>,
50): Ref<number>
51export declare function useZoomFactor(webFrame: WebFrame): Ref<number>
52export declare function useZoomFactor(): Ref<number>
53```
54