<template>
  <t-layout key="no-side">
    <t-header class="s-layout-header">
      <Header></Header>
    </t-header>
    <t-content class="s-layout-content narrow-scrollbar" id="layout-scroll">
      <slot name="content"></slot>
      <t-footer class="s-layout-footer">
        <slot name="footer">
          <ClientOnly>
            <Footer v-if="route.meta.footer"></Footer>
          </ClientOnly>
        </slot>
      </t-footer>
    </t-content>
  </t-layout>
</template>

<script lang="ts" setup>
import Header from './Header.vue';
import Footer from './Footer.vue';
const route = useRoute();
</script>

<style lang="less">
@import '@/style/layout.less';
</style>
