<template>



	<div class='menu'>

		<!-- First elements -->
		<span class='channel' data-special='1' data-icon='group' :data-sub='gs.channel.buffer.users != null ? `${gs.channel.buffer.users.length} online`:`0 online`'></span>

		<!-- Channel List -->
		<span v-for='c in gs.channel.list'
			@click='gs.channel.nav(c.id);'
			:class='c.id == gs.channel.current ? `channel active` : `channel`'
			:data-icon='c.icon'
			:title='c.label'
			></span>

		<!-- Last elements -->
		<span class='channel' data-special='1' data-icon='add' data-add='1' @click='gs.popup.show(`channel.create`)'></span>

	</div>



</template><script>
export default {

	name: 'menu-',

	data(){ return { gs: gs.get }; }

}
</script>