41 lines
728 B
Vue
41 lines
728 B
Vue
<template>
|
|
<Chat
|
|
v-if="activeChannel"
|
|
:network="activeChannel.network"
|
|
:channel="activeChannel.channel"
|
|
:focused="$route.query.focused"
|
|
/>
|
|
</template>
|
|
|
|
<script>
|
|
// Temporary component for routing channels and lobbies
|
|
import Chat from "./Chat.vue";
|
|
|
|
export default {
|
|
name: "RoutedChat",
|
|
components: {
|
|
Chat,
|
|
},
|
|
computed: {
|
|
activeChannel() {
|
|
const chanId = parseInt(this.$route.params.id, 10);
|
|
const channel = this.$store.getters.findChannel(chanId);
|
|
return channel;
|
|
},
|
|
},
|
|
watch: {
|
|
activeChannel() {
|
|
this.setActiveChannel();
|
|
},
|
|
},
|
|
mounted() {
|
|
this.setActiveChannel();
|
|
},
|
|
methods: {
|
|
setActiveChannel() {
|
|
this.$store.commit("activeChannel", this.activeChannel);
|
|
},
|
|
},
|
|
};
|
|
</script>
|