<template>

	<div id='MENU'>

		<div v-for='(item, index) in gstore.menu_item' class='side-menu'>

			<div :class="(index == gstore.menu_item_active) ? 'side-menu-item active' : 'side-menu-item'" @click='navigate(index)' :data-icon='item.icon'>
			<span>{{ item.label }}</span>
			</div>

		</div>

	</div>

</template>


<script>
export default {
	name: 'MENU',
	data(){ return { gstore: gstore.get }; },
	methods: {
		navigate(uri){
			document.location = '/'+uri+'/';
		}
	}
}
</script>