<template> <layout class="pickup-view-layout view-layout"> <header class="view-header"> <div class="view-header__top"> <slot name="headerTop" /> </div> <div class="view-header__content"> <slot name="headerContent" /> </div> <div class="view-header__bottom"> <slot name="headerBottom" /> </div> </header> <content class="view-content content-container"> <slot name="contentTop"/> <slot /> <slot name="contentBottom"/> </content> <footer class="view-footer"> <slot name="footer" /> </footer> </layout> </template> <script lang="ts"> import { Vue, Component, Watch, Prop } from 'vue-property-decorator'; @Component({}) export default class AppPickUpViewLayout extends Vue { } </script> <style lang="scss"> @import "./pickup-view-layout.scss"; </style>