Is there a way to determine when the document is in fullscreen mode? I attempted to monitor document.fullscreen with the following code, but it was not successful:
watch(document.fullscreenElement, (newValue) => {
fullScreenActivated.value = newValue
})
However, I encountered the following issue:
[Vue warn]: Invalid watch source: null A watch source can only be a getter/effect function, a ref, a reactive object, or an array of these types.
at <App> 2 runtime-core.esm-bundler.js:41
[Vue warn]: Invalid watch source: document.fullscreenElement A watch source can only be a getter/effect function, a ref, a reactive object, or an array of these types.
at <App>
It seems that watching this element directly is not possible. If anyone has a solution or idea on how to achieve this functionality differently, please share – any help would be greatly appreciated! :)