user preferences

client/app/components/ClientRow.vue

@@ -42,6 +42,7 @@
 <script setup lang="ts">
 import type { ChadClient } from '#shared/types'
 import type { MenuItem } from 'primevue/menuitem'
+import { useLocalStorage } from '@vueuse/core'
 import { User } from 'lucide-vue-next'
 
 const props = defineProps<{
@@ -52,9 +53,9 @@ const { outputMuted } = useApp()
 const { getClientConsumers, micProducer } = useMediasoup()
 const { me } = useClients()
 
-const menuRef = useTemplateRef<HTMLAudioElement>('menu')
+const volume = useLocalStorage<number>(computed(() => `CLIENT_VOLUME_${props.client.userId}`), 100, { writeDefaults: false })
 
-const volume = ref(100)
+const menuRef = useTemplateRef<HTMLAudioElement>('menu')
 
 const menuItems: MenuItem[] = [
   {
@@ -101,7 +102,7 @@ watch(volume, (volume) => {
   //   return
 
   setGain(volume * 0.01)
-})
+}, { immediate: true })
 
 // watch(outputMuted, (outputMuted) => {
 //   setGain(outputMuted ? 0 : (volume.value * 0.01))