<script setup lang="ts">
import { AppHeader, AppMain } from './components'
import Sidebar from './components/sidebar/index.vue'

defineOptions({
  name: 'AppLayout'
})

</script>

<template>
  <div class="app-layout">
    <AppHeader />
    <div class="app-main webapp-main">
      <div class="menu">
        <el-scrollbar wrap-class="scrollbar-wrapper">
          <Sidebar />
        </el-scrollbar>
      </div>
      <div class="res-app-main">
        <AppMain />
      </div>
    </div>
  </div>
</template>

<style lang="scss">
@import './index.scss';
</style>
