anchor.diff:  					resource.queryMenu().then(function (response) {
   						this.menu = response.body;
   					});
  +				},
  +				components: {
  +					"main-aside": MainAside,
  +					"main-head": MainHead,
  +					"main-foot": MainFoot
   				}
   			});
   
  
positive.code: 	var MainHeadUserAccount = {
  		template : "#main-head-user-account"
  	};
  	Vue.component("main-head-user-account", MainHeadUserAccount);
  </script>
  <template id="main-head-user-account">
  	<li class="dropdown user user-menu">
  
negative.code: </template>
  
  <script>
  	var MainAside = {
  		template : "#main-aside",
  		components: {
  			"main-aside-user-panel": MainAsideUserPanel,
  			"main-aside-search": MainAsideSearch,
  			"main-aside-menu": MainAsideMenu
  		}
  	}
  </script>
  <template id="main-aside">
  	<aside class="main-sidebar">
  		<section class="sidebar">
  			<main-aside-user-panel></main-aside-user-panel>
  			<main-aside-search></main-aside-search>
  			<main-aside-menu></main-aside-menu>
  		</section>
  	</aside>
  </template>
  
  <script>
  	var MainFoot = {
  		template : "#main-foot"
  	}
  </script>
  <template id="main-foot">
  	<aside class="control-sidebar control-sidebar-dark">
  