<template>
	<div class="main-container"> 
		<div v-if="proxy.$route.meta.keepAlive"> 
			<router-view v-slot="{ Component }">
				<keep-alive>
					<component :is="Component" />
				</keep-alive>
			</router-view>
		</div>
		<div v-else> 
			<router-view></router-view>
		</div>
	</div>
</template>
<script setup>
	import { 
		getCurrentInstance 
	} from 'vue'
	const {
		proxy
	} = getCurrentInstance()
</script>
<style>
	.main-container {
		padding: 2px;
		/* height: 100%; */
		display: flex;
		flex-direction: column;
		flex: 1;
	}

	.main-container>div:last-child {
		flex: 1;
	}
</style>