useZoomLevel

リアクティブな WebFrame のズームレベル。

使用法

import { useZoomLevel } from '@vueuse/electron'

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

初期ズームレベルを即座に設定

import { useZoomLevel } from '@vueuse/electron'

const level = useZoomLevel(2)

ref を渡すと、ソースのrefが変更されたときにレベルが更新されます

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

const level = shallowRef(1)

useZoomLevel(level) // ズームレベルはrefと一致します

level.value = 2 // ズームレベルが変更されます