From c576ce8e49ca6d2b601b9f4fae533e86db12f7ea Mon Sep 17 00:00:00 2001
From: Carifio24 <carifio24@gmail.com>
Date: Thu, 19 Jun 2025 13:21:32 -0400
Subject: [PATCH] Add watcher so that fullscreen composable works.

---
 src/composables/fullscreen.ts | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/composables/fullscreen.ts b/src/composables/fullscreen.ts
index d8352e8c..7941c43e 100644
--- a/src/composables/fullscreen.ts
+++ b/src/composables/fullscreen.ts
@@ -1,4 +1,4 @@
-import { ref, onMounted, onUnmounted, Ref } from "vue";
+import { ref, watch, onMounted, onUnmounted, Ref } from "vue";
 import screenfull from "screenfull";
 
 /**
@@ -23,5 +23,13 @@ export function useFullscreen(): Ref<boolean> {
     }
   });
 
+  watch(fullscreenModeActive, (active: boolean) => {
+    if (active) {
+      screenfull.request();
+    } else {
+      screenfull.exit();
+    }
+  });
+
   return fullscreenModeActive;
 }