App.vue 954 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. <template>
  2. <div id="root">
  3. <header role="banner">
  4. <div class="wrapper">
  5. <h1
  6. class="site-title"
  7. tabindex="0"
  8. >
  9. <router-link :to="{ name:'home' }">En Français</router-link>
  10. </h1>
  11. </div>
  12. </header>
  13. <section role="main-content">
  14. <div class="wrapper">
  15. <RouterView />
  16. </div>
  17. </section>
  18. <footer role="tools">
  19. <p>footer</p>
  20. </footer>
  21. </div>
  22. </template>
  23. <script>
  24. // import { mapActions, mapState } from 'vuex'
  25. export default {
  26. metaInfo: {
  27. // if no subcomponents specify a metaInfo.title, this title will be used
  28. title: 'Home',
  29. // all titles will be injected into this template
  30. titleTemplate: '%s | En Français',
  31. meta: [
  32. { charset: 'utf-8' },
  33. { name: 'viewport', content: 'width=device-width, initial-scale=1' }
  34. ]
  35. }
  36. }
  37. </script>
  38. <style lang="scss" scoped>
  39. .container{
  40. max-width: 1200px;
  41. }
  42. </style>