App.vue
No OneTemporary
Actions

Size

634 B

Referenced Files

None

Subscribers

None

App.vue
View Options

	<script setup>
	import { RouterView } from 'vue-router'
	import AppNavbar from '@/components/AppNavbar.vue'
	import AppFooter from '@/components/AppFooter.vue'
	</script>

	<template>
	<div class="min-h-screen flex flex-col">
	<AppNavbar />
	<main class="flex-1">
	<RouterView v-slot="{ Component }">
	<Transition name="fade" mode="out-in">
	<component :is="Component" />
	</Transition>
	</RouterView>
	</main>
	<AppFooter />
	</div>
	</template>

	<style>
	.fade-enter-active,
	.fade-leave-active {
	transition: opacity 0.2s ease;
	}

	.fade-enter-from,
	.fade-leave-to {
	opacity: 0;
	}
	</style>