All files / repo/src/stores useSoundStore.ts

100% Statements 26/26
100% Branches 6/6
100% Functions 3/3
100% Lines 26/26

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 321x 1x 1x   1x 3x 3x   3x 3x 3x 8x 8x 3x 3x   3x 2x 2x   3x 3x 3x   3x 3x 3x 3x 3x 3x 3x  
import { Howler } from 'howler';
import { defineStore } from 'pinia';
import { ref, watch } from 'vue';
 
export const useSoundStore = defineStore('sound', () => {
  const isMuted = ref(false);
  const volume = ref(1);
 
  watch(
    [isMuted, volume],
    ([muted, vol]) => {
      Howler.volume(muted ? 0 : vol);
    },
    { immediate: true }
  );
 
  function toggleMute() {
    isMuted.value = !isMuted.value;
  }
 
  function setVolume(v: number): void {
    volume.value = Math.max(0, Math.min(1, v));
  }
 
  return {
    isMuted,
    volume,
    toggleMute,
    setVolume,
  };
});