wip: leave on esc

StudioConcertos · Jan 21, 2025 · 99afd18 · 99afd18
1 parent 5471563
commit 99afd18
Showing 1 changed file with 13 additions and 2 deletions.
diff --git a/pages/live/[id].vue b/pages/live/[id].vue
@@ -5,6 +5,7 @@
     <NuxtLink to="/atelier">Return</NuxtLink>
   </div>
   <div
+    v-else
     @click="prevSlides()"
     @contextmenu.prevent="nextSlides()"
     @keydown.enter.space.right="nextSlides()"
@@ -46,6 +47,14 @@ const client = useSupabaseClient<Database>();
 const { fetchDeck, fetchAllSlides, nextSlides, prevSlides } = useDeckStore();
 const { slides, currentSlidesIndex } = storeToRefs(useDeckStore());
 
+const { isFullscreen } = useFullscreen();
+
+watch(isFullscreen, (isFullscreen) => {
+  if (!isFullscreen) {
+    leavePresentation();
+  }
+});
+
 const cursorMoved = ref(false);
 
 function onCursorMoved() {
@@ -58,6 +67,10 @@ function onCursorMoved() {
   }, 5000);
 }
 
+function leavePresentation() {
+  navigateTo(`/atelier/${deck.value?.id}`);
+}
+
 let deckRC: RealtimeChannel, slidesRC: RealtimeChannel;
 
 const { data: deck, refresh: refreshDeck } = await useAsyncData(
@@ -107,8 +120,6 @@ onMounted(() => {
 });
 
 onUnmounted(() => {
-  document.exitFullscreen();
-
   client.removeAllChannels();
 });
 </script>