<template>
  <div id="main">
    <header-view></header-view>
    <main-header></main-header>
    <main-nav></main-nav>
    <nuxt/>
    <footer-view></footer-view>
    <right-bar></right-bar>
  </div>
</template>
<script>
  import { Header, Footer, RightBar } from '~components/default'
  import { MainHeader, MainNav } from '~components/main'
  export default {
    name: 'main',
    components: {
      HeaderView: Header,
      FooterView: Footer,
      RightBar,
      MainHeader,
      MainNav
    }
//    data () {
//      return {
//        url: window.location.href
//      }
//    },
//    watch: {
//      url: function (val, oldVal) {
//        console.log(val)
//      }
//    }
  }
</script>
