🎨 [Format] Websites store folder

beefchimi · Jul 31, 2024 · 1ef08e6 · 1ef08e6
1 parent 1b0acbb
commit 1ef08e6
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 10 deletions.
diff --git a/app/website/src/store/useDebugManager.ts b/app/website/src/store/useDebugManager.ts
@@ -1,5 +1,5 @@
 import {computed, ref} from 'vue';
-import {type ManagerEventMap} from 'earwurm';
+import type {ManagerEventMap} from 'earwurm';
 
 import {useEarwurmStore} from './useEarwurmStore';
 

diff --git a/app/website/src/store/useEarwurmStore.ts b/app/website/src/store/useEarwurmStore.ts
@@ -1,7 +1,7 @@
 import {computed, ref, watch} from 'vue';
 import {Earwurm} from 'earwurm';
 
-import type {SynthType, SynthEntries} from '@/types';
+import type {SynthEntries, SynthType} from '@/types';
 import {filterSynthValues} from '@/helpers';
 import {useMetronome} from '@/hooks';
 import {audioPath} from '@/assets/audio';
@@ -75,7 +75,8 @@ export function useEarwurmStore() {
 
       if (metronomeRef.value) {
         metroInstance.start();
-      } else {
+      }
+      else {
         metroInstance.stop();
       }
     },
@@ -99,7 +100,8 @@ export function useEarwurmStore() {
     ///
     /// Mutations
 
-    addStack(id: SynthType) {
+    // Instead of an arrow function, we could use `this: void`.
+    addStack: (id: SynthType) => {
       if (manager.get(id)) return;
 
       const stackEntry = audioLibrary.find((entry) => entry.id === id);

diff --git a/app/website/src/store/useSound.ts b/app/website/src/store/useSound.ts
@@ -1,8 +1,8 @@
 import {computed, ref, watch} from 'vue';
-import type {SoundId, SoundEventMap} from 'earwurm';
+import type {SoundEventMap, SoundId} from 'earwurm';
 
-import type {SynthType} from '@/types';
 import {useEarwurmStore} from './useEarwurmStore';
+import type {SynthType} from '@/types';
 
 const {manager} = useEarwurmStore();
 
@@ -84,7 +84,8 @@ export function useSound(id: SoundId, stackId: SynthType) {
 
     if (sound.state === 'playing') {
       sound.pause();
-    } else {
+    }
+    else {
       sound.play();
     }
   }
@@ -106,7 +107,7 @@ export function useSound(id: SoundId, stackId: SynthType) {
 
   const reversedRef = ref(false);
 
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  // eslint-disable-next-line unused-imports/no-unused-vars
   function toggleReverse() {
     reversedRef.value = !reversedRef.value;
   }

diff --git a/app/website/src/store/useStack.ts b/app/website/src/store/useStack.ts
@@ -1,8 +1,8 @@
 import {computed, ref, watch} from 'vue';
 import type {StackEventMap} from 'earwurm';
 
-import type {SynthType} from '@/types';
 import {useEarwurmStore} from './useEarwurmStore';
+import type {SynthType} from '@/types';
 
 const {addStack, manager} = useEarwurmStore();
 
@@ -106,7 +106,7 @@ export function useStack(id: SynthType) {
     stack.on('queue', handleQueueChange);
     stack.on('mute', handleMuteChange);
 
-    addSound();
+    void addSound();
   }
 
   return {