38 lines
801 B
Vue
38 lines
801 B
Vue
<template>
|
|
<div class="flex min-h-full flex-col">
|
|
<MainNavigationBar class="flex-none" />
|
|
<RouterView v-slot="{ Component }" class="flex-auto">
|
|
<Transition mode="out-in" name="app">
|
|
<component :is="Component"></component>
|
|
</Transition>
|
|
</RouterView>
|
|
<AppFooter class="flex-none" />
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import log from "loglevel";
|
|
|
|
import AppFooter from "@/components/AppFooter.vue";
|
|
import MainNavigationBar from "@/components/MainNavigationBar.vue";
|
|
import { onMounted } from "vue";
|
|
|
|
log.debug("App created");
|
|
|
|
onMounted(() => {
|
|
log.debug("App mounted");
|
|
});
|
|
</script>
|
|
|
|
<style lang="postcss" scoped>
|
|
.app-enter-active,
|
|
.app-leave-active {
|
|
transition: opacity 0.3s ease;
|
|
}
|
|
|
|
.app-enter-from,
|
|
.app-leave-to {
|
|
opacity: 0;
|
|
}
|
|
</style>
|