Skirda/LiveAtlas
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Use two way binding in server list

Browse Source
This commit is contained in:
James Lyne 2021-05-28 00:13:11 +01:00
parent e3f64e720c
commit 97111f3bbc
1 changed files with 8 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/sidebar/ServerListItem.vue
View File

@ -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>