trigo-web/app/src/components/LayoutFrame.vue

<template>
	<div class="layout-frame">
		<SidebarMenu />
		<div class="content-area">
			<router-view />
		</div>
	</div>
</template>

<script setup lang="ts">
	import SidebarMenu from "./SidebarMenu.vue";
</script>

<style lang="scss" scoped>
	.layout-frame {
		display: flex;
		height: 100vh;
		width: 100vw;
		background: #f5f5f5;
		overflow: hidden;
	}

	.content-area {
		flex: 1;
		display: flex;
		flex-direction: column;
		overflow: hidden;
	}
</style>