37 lines
851 B
Vue
37 lines
851 B
Vue
<template>
|
|
<sui-container>
|
|
<sui-segment>
|
|
<sui-header size="medium">Channels</sui-header>
|
|
<sui-item-group divided>
|
|
<sui-item v-for="(item, idx) in channelList" :key="idx">
|
|
<sui-item-content>
|
|
<sui-item-header>{{item.name}}</sui-item-header>
|
|
<sui-item-meta>
|
|
<a :href="'https://twitch.tv/' + item.name" target="_blank">Channel Link</a>
|
|
</sui-item-meta>
|
|
</sui-item-content>
|
|
</sui-item>
|
|
</sui-item-group>
|
|
</sui-segment>
|
|
</sui-container>
|
|
</template>
|
|
|
|
<script>
|
|
import {mapActions, mapGetters} from 'vuex'
|
|
export default {
|
|
name: 'ChannelList',
|
|
data () {
|
|
return {}
|
|
},
|
|
created () {
|
|
this.getChannelList()
|
|
},
|
|
methods: {
|
|
...mapActions(['getChannelList'])
|
|
},
|
|
computed: {
|
|
...mapGetters(['channelList'])
|
|
}
|
|
}
|
|
</script>
|