<script setup lang="ts">
definePageMeta({
    layout: 'home',
    pageTransition: {
        name: 'slide',
        mode: 'out-in',
    },
})
</script>

<template>
<div class="book">
    <div class="left">
        <ResizeContent>AA</ResizeContent>
    </div>
    <div class="right"></div>

</div>
</template>

<style scoped lang="scss">
.book{
    position: relative;
    display: flex;
    height: 100%;
    &>div.left{
        flex-shrink: 1;
    }
    & > div.right{
        flex: 1;
        background-color: #00dc82;
    }
}
</style>
