<template>
  <div id="root">
    <header role="banner">
      <div class="wrapper">
        <h1
          class="site-title"
          tabindex="0"
        >
          Vuejs Webpack
        </h1>
      </div>
    </header>
    <section role="main-content">
      <div class="wrapper">
        <!-- <RouterView /> -->
        Hello
      </div>
    </section>
  </div>
</template>

<script>
// import HeaderMenu from './components/nav/HeaderMenu'
// import History from './components/nav/History'
// import Results from './components/nav/Results'
// import Search from './components/nav/Search'
// import FooterTabs from './components/nav/FooterTabs'
// import { mapState } from 'vuex'

export default {
  metaInfo: {
    // if no subcomponents specify a metaInfo.title, this title will be used
    title: 'Home',
    // all titles will be injected into this template
    titleTemplate: '%s | Vuejs Webpack'
  }
  // components: {
  // HeaderMenu,
  // History,
  // Results,
  // Search,
  // FooterTabs
  // },
  // computed: {
  //   ...mapState({
  //     resultsOpened: state => state.Search.opened
  //   })
  // }
}
</script>

<style lang="scss" scoped>

.container{
  // font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  max-width: 1200px;

}

</style>
