<template lang="pug">
Header Vue Example App
Navigation
Content.content
Footer © Dietrich
</template>

<script lang="ts">
import Header from './Header.vue'
import Navigation from './Navigation.vue'
import Content from './Content.vue'
import Footer from './Footer.vue'

export default {
  components: { Header, Navigation, Content, Footer },
}
</script>

<style lang="sass">
body > #app
  height: 100vh

  display: flex
  flex-direction: column
  align-items: stretch

  > .content
    flex-grow: 1
</style>
