From 97111f3bbc63805fb8c46d1014507fc1f6fcf5bc Mon Sep 17 00:00:00 2001
From: James Lyne <jim+github@not-null.co.uk>
Date: Fri, 28 May 2021 00:13:11 +0100
Subject: [PATCH] Use two way binding in server list

---
 src/components/sidebar/ServerListItem.vue | 18 ++++++++----------
 1 file changed, 8 insertions(+), 10 deletions(-)

diff --git a/src/components/sidebar/ServerListItem.vue b/src/components/sidebar/ServerListItem.vue
index 8557ab6..ebf11bd 100644
--- a/src/components/sidebar/ServerListItem.vue
+++ b/src/components/sidebar/ServerListItem.vue
@@ -15,8 +15,7 @@
   -->
 
 <template>
-	<input :id="`server-${server.id}`" type="radio" name="server" :value="server.id" v-model="currentServer"
-	       @click="setCurrentServer(server.id)">
+	<input :id="`server-${server.id}`" type="radio" name="server" v-bind:value="server" v-model="currentServer">
 	<label :for="`server-${server.id}`">{{ server.label || server.id }}</label>
 </template>
 
@@ -36,15 +35,14 @@ export default defineComponent({
 	},
 
 	computed: {
-		currentServer(): string | undefined {
-			return useStore().state.currentServer ? useStore().state.currentServer.id : undefined;
+		currentServer: {
+			get() {
+				return useStore().state.currentServer;
+			},
+			set(value) {
+				useStore().commit(MutationTypes.SET_CURRENT_SERVER, value.id);
+			}
 		}
 	},
-
-	methods: {
-		setCurrentServer(serverId: string) {
-			useStore().commit(MutationTypes.SET_CURRENT_SERVER, serverId);
-		}
-	}
 });
 </script>