<template>
   <div class="app-wrap">
      <Header :selectedLabel="selectedLabel" :selectedIcon="selectedIcon" />
      <Nav @menu-selected="onMenuSelected" />
      <main class="main-wrap">
         <router-view/>
      </main>
   </div>
</template>

<script>
import Header from '../layout/Header.vue';
import Nav from '../layout/Nav.vue';



const App = {
   data: () => {
      return {
         selectedLabel: 'Home',
         selectedIcon: require('../../resources/img/content/ico_home_w.svg')
      }
   },
   methods: {
      onMenuSelected(menu) {
         this.selectedLabel = menu.label;
         this.selectedIcon = menu.icon;
      }
   },
   watch: {},
   computed: {},
   components: {
      'Header': Header,
      'Nav' : Nav
   },
   mounted: () => {}
}

export default App;
</script>

