update

client/app/pages/preferences.vue

@@ -8,7 +8,7 @@
         <label for="username">Username</label>
       </PrimeFloatLabel>
 
-      <PrimeButton label="Save" type="submit" />
+      <PrimeButton label="Save" type="submit" :disabled="!localUsername || localUsername === username" />
     </form>
   </div>
 </template>
@@ -25,11 +25,14 @@ const toast = useToast()
 const localUsername = ref(username.value)
 
 async function save() {
-  if (localUsername.value && localUsername.value !== username.value) {
-    username.value = localUsername.value
+  if (!localUsername.value || localUsername.value === username.value)
+    return
 
-    await signaling.socket.value?.emitWithAck('updateClient', { username })
-  }
+  username.value = localUsername.value
+
+  await signaling.socket.value?.emitWithAck('updateClient', {
+    username: username.value,
+  })
 
   toast.add({ severity: 'success', summary: 'Saved', life: 1000, closable: false })
 }