discord-client/webpack/vue/menu.vue

33 lines
534 B
Vue

<template>
<div class='menu'>
<!-- First elements -->
<!-- Channel List -->
<span v-for='(c,link) in gs.channel.list'
@click='$router.push(`/channel/${link}`); gs.channel.active=link'
:class='link == gs.channel.active ? `channel active` : `channel`'
:data-sub='c.label'
:data-special='link == `me`?1:0'
:data-add='c.add'
:data-icon='c.icon'
>{{ c.name }}</span>
<!-- Last elements -->
</div>
</template><script>
export default {
name: 'menu-',
data(){ return { gs: gs.get }; }
}
</script>