<script setup>
import AppShell from '@/components/layout/AppShell.vue'
</script>

<template>
  <AppShell>
    <RouterView v-slot="{ Component }">
      <KeepAlive include="WardDashboard">
        <Transition name="fade" mode="out-in">
          <component :is="Component" />
        </Transition>
      </KeepAlive>
    </RouterView>
  </AppShell>
</template>

<style>
.fade-enter-active,
.fade-leave-active { transition: opacity 0.15s ease; }
.fade-enter-from,
.fade-leave-to { opacity: 0; }
</style>