front update

client/app/pages/preferences.vue

@@ -18,14 +18,19 @@ definePageMeta({
   name: 'Preferences',
 })
 
+const signaling = useSignaling()
 const { username } = usePreferences()
 const toast = useToast()
 
 const localUsername = ref(username.value)
 
-function save() {
-  username.value = localUsername.value
+async function save() {
+  if (localUsername.value && localUsername.value !== username.value) {
+    username.value = localUsername.value
 
-  toast.add({ severity: 'success', summary: 'Saved', life: 3000 })
+    await signaling.socket.value?.emitWithAck('updateClient', { username })
+  }
+
+  toast.add({ severity: 'success', summary: 'Saved', life: 1000, closable: false })
 }
 </script>