mirror of
https://github.com/mealie-recipes/mealie.git
synced 2026-04-06 04:55:35 -04:00
45 lines
963 B
Vue
45 lines
963 B
Vue
<template>
|
|
<div
|
|
v-if="wakeIsSupported"
|
|
class="d-print-none d-flex px-2"
|
|
:class="$vuetify.display.smAndDown ? 'justify-center' : 'justify-end'"
|
|
>
|
|
<v-switch
|
|
v-model="wakeLock"
|
|
color="primary"
|
|
:label="$t('recipe.screen-awake')"
|
|
/>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { useWakeLock } from "@vueuse/core";
|
|
|
|
const { isSupported: wakeIsSupported, isActive, request, release } = useWakeLock();
|
|
const wakeLock = computed({
|
|
get: () => isActive.value,
|
|
set: () => {
|
|
if (isActive.value) {
|
|
unlockScreen();
|
|
}
|
|
else {
|
|
lockScreen();
|
|
}
|
|
},
|
|
});
|
|
async function lockScreen() {
|
|
if (wakeIsSupported) {
|
|
console.debug("Wake Lock Requested");
|
|
await request("screen");
|
|
}
|
|
}
|
|
async function unlockScreen() {
|
|
if (wakeIsSupported || isActive) {
|
|
console.debug("Wake Lock Released");
|
|
await release();
|
|
}
|
|
}
|
|
onMounted(() => lockScreen());
|
|
onUnmounted(() => unlockScreen());
|
|
</script>
|