From ba524a7306d944833887ffd49997ffecd539cd9e Mon Sep 17 00:00:00 2001
From: Florian Sylvain <f.salututo@gmail.com>
Date: Thu, 28 Mar 2024 10:42:40 +0100
Subject: [PATCH] fix: event listeners to audio element

---
 src/components/AudioGuide.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/AudioGuide.vue b/src/components/AudioGuide.vue
index 1ca3c83..fce6173 100644
--- a/src/components/AudioGuide.vue
+++ b/src/components/AudioGuide.vue
@@ -24,7 +24,13 @@ const toggleAudio = () => {
 </script>
 
 <template>
-  <audio preload="auto" ref="audioRef" :src="props.src"></audio>
+  <audio
+    preload="auto"
+    ref="audioRef"
+    :src="props.src"
+    @playing="isPlaying = true"
+    @pause="isPlaying = false"
+  ></audio>
   <article class="audio-guide">
     <button type="button" @click="toggleAudio">
       <ion-icon :icon="isPlaying ? pauseIcon : playIcon"></ion-icon>