From b24e7c1fe3ca1f25b80c4c31cbfb78cf8b07f1e0 Mon Sep 17 00:00:00 2001
From: root <root@xanax.lol>
Date: Mon, 29 Apr 2024 22:23:32 +0200
Subject: [PATCH] auto start music pre-fix

---
 src/components/screens/Login.vue | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/components/screens/Login.vue b/src/components/screens/Login.vue
index d813743..792d794 100644
--- a/src/components/screens/Login.vue
+++ b/src/components/screens/Login.vue
@@ -1,10 +1,23 @@
 <template>
-  <audio ref="bgm" id="bgm" src="/assets/sound/bgm.mp3" loop autoplay></audio>
+  <audio ref="bgm" id="bgm" src="/assets/music/bgm.mp3" loop autoplay></audio>
   <img src="/assets/Leaf_BG_standalone.png" class="bg-img" alt="login bg" />
 </template>
 
 <script setup>
 import { ref, onMounted } from 'vue'
+
+const bgm = ref('bgm');
+const bgmStart = () => bgm.value.play();
+
+onMounted(() => {
+  // check if bgm is playing already and do nothing
+  if (bgm.value.paused) {
+    window.addEventListener('click', () => bgm.value.play())
+    window.addEventListener('keydown', () => bgm.value.play())
+    window.addEventListener('mousemove', () => bgm.value.play())
+  }
+
+})
 </script>
 
 <style scoped>