<script setup lang="ts">
const title = import.meta.env.SIX_APP_TITLE;
const theme = ref<'light' | 'dark'>('dark');
</script>
<template>
  <van-config-provider class="page-container" :theme>
    <router-view class="page-header" name="header"></router-view>
    <router-view class="page-content"></router-view>
    <router-view class="page-footer" name="footer"></router-view>
  </van-config-provider>
</template>
<style scoped lang="scss">
.page {
  &-header, &-footer {
    flex: none;
  }

  &-content {
    flex: auto;
  }
}
</style>
