<script>
  import Navbar from '@/components/navbar/Index.vue'
  
  export default {
    components: {
      Navbar
    }
  }
</script>

<template>
  <Navbar />
  <div class="container px-3 py-20 max-w-5xl mx-auto overflow-hidden">
    <router-view v-slot="{ Component, route }" ref="main">
      <transition mode="out-in"
        :enter-active-class="route.meta.mainEnterActiveClass"
        :enter-from-class="route.meta.mainEnterFromClass"
        :leave-active-class="route.meta.mainLeaveActiveClass"
        :leave-to-class="route.meta.mainLeaveToClass"
      >
        <component :is="Component" />
      </transition>
    </router-view>
  </div>
</template>

<style scoped>
</style>
