App.vue 723 B

12345678910111213141516171819202122232425262728293031323334353637
  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. @import 'node_modules/vuestrap/bootstrap/bootstrap';
  22. * { box-sizing: border-box; }
  23. html {
  24. width: 100%;
  25. height: 100%;
  26. body {
  27. width: 100%;
  28. height: 100%;
  29. margin: 0;
  30. padding: 0;
  31. }
  32. }
  33. </style>