<template>
	<div id="WRAPPER" :class='gstore.min_menu ? "min" : ""'>

		<!-- Header -->
		<header-comp></header-comp>

		<!-- Menu -->
		<menu-comp></menu-comp>

		<!-- Container -->
		<router-view></router-view>


		<!-- Notification Stack -->
		<notifstack-comp></notifstack-comp>

		<!-- Login form -->
		<!-- <loginform-comp></loginform-comp> -->

	</div>
</template>


<script>

	import header_vue from './header.vue'
	import menu_vue   from './menu.vue'
	import notifstack_vue  from './notification-stack.vue'
	// import loginform_vue   from './login-form.vue'

	export default {
		name: 'wrapper',
		data(){ return { gstore: gstore.data }; },
		components: {
			'HeaderComp':     header_vue,
			'MenuComp':       menu_vue,
			'NotifstackComp': notifstack_vue
		}
	}

</script>