123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566 |
- <template>
- <div id="root">
- <header role="banner">
- <div class="wrapper">
- <h1
- class="site-title"
- tabindex="0"
- >
- Les Guides de Paris
- </h1>
- <HeaderMenu />
- </div>
- </header>
- <section role="main-content">
- <RouterView />
- </section>
- <footer role="tools">
- <History />
- <Results v-if="resultsOpened" />
- <div id="footer-bottom" class="row">
- <FooterTabs />
- <Search />
- </div>
- </footer>
- </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 | Guides de Paris'
- },
- 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>
|