UnisKB/ui/src/layout/layout-template/MainLayout.vue

<template>
  <div class="app-layout">
    <div class="app-header">
      <UserHeader />
    </div>
    <div class="app-main">
      <layout-container>
        <template #left>
          <Sidebar />
        </template>
        <template #right>
          <AppMain />
        </template>
      </layout-container>
    </div>
  </div>
</template>
<script setup lang="ts">
import UserHeader from '@/layout/layout-header/UserHeader.vue'
import Sidebar from '@/layout/components/sidebar/index.vue'
import AppMain from '@/layout/app-main/index.vue'
import useStore from '@/stores'
const { user } = useStore()
</script>
<style lang="scss" scoped>
@use './index.scss';
</style>