30 lines
508 B
Vue
30 lines
508 B
Vue
<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>
|