<template>
  <Index>



    <router-view v-slot="{ Component, route }">

      <transition
        :name="route.meta.transition || 'el-fade-in-linear'"
        mode="out-in"
        appear
        :duration="550"
      >
        <div :key="route.name">
          <component :is="Component" :key="route.fullPath" />
        </div>
      </transition>



    </router-view>
    <!-- <router-view></router-view> -->
  </Index>
</template>

<script setup>
import Index from '~/layout/Index.vue';
import { onMounted } from 'vue'

</script>
<style scoped>

</style>
