useZoomFactor

リアクティブな WebFrame のズームファクター。

使用法

import { useZoomFactor } from '@vueuse/electron'

// webFrame を明示的に提供しない場合は nodeIntegration を有効にしてください
// 参照: https://www.electronjs.org/docs/api/webview-tag#nodeintegration
// Ref の結果が返されます
const factor = useZoomFactor()
console.log(factor.value) // 現在のズームファクターを出力
factor.value = 2 // 現在のズームファクターを変更

初期のズームファクターを即座に設定

import { useZoomFactor } from '@vueuse/electron'

const factor = useZoomFactor(2)

ref を渡すと、ソースの ref が変更されたときにファクターが更新されます

import { useZoomFactor } from '@vueuse/electron'
import { shallowRef } from 'vue'

const factor = shallowRef(1)

useZoomFactor(factor) // ズームファクターは ref と一致します

factor.value = 2 // ズームファクターが変更されます