main/view/vue/wrapper.vue

<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>

		<!--Sign pu form-->
		<signupform-comp></signupform-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'
	import signupform_vue	from './signup-form.vue';

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

</script>