<template>
    <section class="main">
        <router-view v-slot="{ Component, route }">
            <transition name="router-fade" mode="out-in">
                <keep-alive>
                    <component :is="Component" :key="route.fullPath" />
                </keep-alive>
            </transition>
        </router-view>
    </section>

    <navbar />
</template>

<script setup lang="ts">
import { Navbar } from "./components/index";

</script>

<style lang="scss" scoped>
.main {
  position: relative;
  width: 100%;
  min-height: calc(100vh - 50px);
  overflow: hidden;
}
</style>