<template>
  <a-layout class="layout">
    <Aside />
    <a-layout>
      <Header />
      <Main />
      <Footer v-if="isFooter" />
    </a-layout>
  </a-layout>
</template>

<script setup lang="ts">
import Aside from "@/layout/components/Aside/index.vue";
import Header from "@/layout/components/Header/index.vue";
import Main from "@/layout/components/Main/index.vue";
import Footer from "@/layout/components/Footer/index.vue";
import { storeToRefs } from "pinia";
import { useThemeConfig } from "@/store/modules/theme-config";

defineOptions({ name: "LayoutMixing" });

const themeStore = useThemeConfig();
let { isFooter } = storeToRefs(themeStore);
</script>

<style lang="scss" scoped>
.layout {
  height: 100vh;
}
</style>
