feat(call controls): add audio toggle functionality - watchEffect

adamichelle · adamichelle · commit 47f184b47441 · 2023-03-13T21:40:50.000-04:00
diff --git a/src/components/CallControls.vue b/src/components/CallControls.vue
@@ -34,7 +34,8 @@
 
 <script>
 import daily from "@daily-co/daily-js";
-import { ref } from "vue";
+import { ref, watchEffect } from "vue";
+import { useMagicKeys } from '@vueuse/core';
 
 import leave from "../assets/leave_call.svg";
 import micOff from "../assets/mic_off.svg";
@@ -53,9 +54,17 @@ export default {
     "leaveCall",
     "disableScreenShare",
   ],
-  setup() {
+  setup(props) {
     const supportsScreenshare = ref(false)
 
+    const { ctrl, m } = useMagicKeys()
+
+    watchEffect(() => {
+      if(ctrl.value && m.value) {
+        props.handleAudioClick()
+      }
+    })
+
     return {
       supportsScreenshare
     }
