<template>
  <div class="app-main">
    <router-view v-slot="{ Component, route }">
      <Transition :enter-active-class="proxy?.animate.page.enter">
        <component :is="Component" :key="route.path" />
      </Transition>
    </router-view>
  </div>
</template>

<script setup name="AppMain" lang="ts">
const { proxy } = getCurrentInstance() as any;
</script>
<style lang="scss" scoped>
.app-main {
  height: 100vh;
  width: 100%;
  background: radial-gradient(87% 87% at 9% -34%, #315f7e 0%, #0f1926 100%);
}
</style>
<style lang="scss">
// ::-webkit-scrollbar {
//   width: 6px;
//   height: 6px;
// }

// ::-webkit-scrollbar-track {
//   background-color: #f1f1f1;
// }

// ::-webkit-scrollbar-thumb {
//   background-color: #c0c0c0;
//   border-radius: 3px;
// }</style>
