designer-hub/packages/app/src/layouts/default.vue

<script lang="ts" setup>
import { defaultThemeVars } from '../core/themes/default'
</script>
<template>
  <wd-config-provider
    class="flex-grow flex flex-col"
    custom-class="flex-grow"
    :themeVars="defaultThemeVars"
  >
    <view class="bg-[#f6f6f6] flex-grow flex flex-col">
      <slot />
    </view>
    <wd-toast />
    <wd-message-box />
  </wd-config-provider>
</template>
<style lang="scss">
/* stylelint-disable-next-line selector-type-no-unknown */
layout-default-uni,
.wot-theme-light {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
</style>