<script setup>
import Header from "./components/TemplateParts/Header.vue";
</script>

<template>

  <div v-if="$route.path === '/login'">
    <router-view></router-view>
  </div>
  <div v-else>

    <Header></Header>

    <main id="main" class="main">

      <router-view v-slot="{ Component, route }">
        <transition :name="route.meta.transition || 'fade'" mode="out-in">
          <div :key="route.path">
            <component :is="Component"/>
          </div>
        </transition>
      </router-view>
    </main>
  </div>
</template>

<style scoped>
</style>
