App.vue 668 B

1234567891011121314151617181920212223242526272829303132333435
  1. <template>
  2. <div class="app">
  3. <component-header></component-header>
  4. <component-body></component-body>
  5. <component-footer></component-footer>
  6. </div>
  7. </template>
  8. <script>
  9. // TODO: Implement these files
  10. import ComponentHeader from './ComponentHeader.vue'
  11. import ComponentBody from './ComponentBody.vue'
  12. import ComponentFooter from './ComponentFooter.vue'
  13. export default {
  14. data() {
  15. return {}
  16. },
  17. components: { ComponentHeader, ComponentBody, ComponentFooter }
  18. }
  19. </script>
  20. <style lang="sass">
  21. * { box-sizing: border-box; }
  22. html {
  23. width: 100%;
  24. height: 100%;
  25. body {
  26. width: 100%;
  27. height: 100%;
  28. margin: 0;
  29. padding: 0;
  30. }
  31. }
  32. </style>