<template> <layout class="medit-view-layout view-layout view-container"> <header class="view-header"> <div class="view-header__top"> <slot name="headerTop" /> </div> <div class="view-header__content"> <div class="view-header__left"> <slot name="headerLeft" /> </div> <div class="view-header__center"> <slot name="headerCenter" /> </div> <div class="view-header__right"> <slot name="headerRight" /> </div> </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 } from 'vue-property-decorator'; @Component({}) export default class AppMEditViewLayout extends Vue { } </script> <style lang="scss"> @import "./medit-view-layout.scss"; </style>