yf-portal-vue/src/App.vue

<script setup lang="ts">
import { motion } from "motion-v";
</script>

<template>
  <motion.div
    class="overflow-x-hidden"
    :key="$route.fullPath"
    :initial="{ opacity: 0 }"
    :animate="{ opacity: 1, transition: { duration: 0.8, ease: 'easeOut' } }"
  >
    <router-view></router-view>
  </motion.div>
</template>

<style scoped></style>